SUBSCRIPTION CONFIRMED
Welcome to OKTAKON.
Thank you for subscribing.
As a welcome benefit, enjoy
10% off
your next order.
YOUR PERSONAL DISCOUNT CODE
AS3EZFA5
10% OFF
Enter the code in your cart or at checkout
in the “Coupon code” field.
Explore MacBook Cases
→
Protection. Refined.
Designed for MacBook.
Engineered in Germany.
Precision-engineered aluminium hardcases for MacBook Pro and MacBook Air.
Minimal in design. Precisely fitted.
Built for uncompromising protection.
You’ll receive selected product updates,
exclusive offers and news from OKTAKON.
You can unsubscribe at any time.
/* =========================================
OKTAKON NEWSLETTER SUCCESS PAGE
========================================= */
.oktakon-newsletter-success {
width: 100%;
max-width: 780px;
margin: 0 auto;
padding: 72px 30px 88px;
box-sizing: border-box;
text-align: center;
font-family:
-apple-system,
BlinkMacSystemFont,
“SF Pro Display”,
“SF Pro Text”,
“Helvetica Neue”,
Helvetica,
Arial,
sans-serif !important;
color: #111111;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* =========================================
LOGO
========================================= */
.oktakon-success-logo {
display: block;
width: 340px;
max-width: 75%;
height: auto;
margin: 0 auto 58px;
}
/* =========================================
STATUS
========================================= */
.oktakon-success-label {
margin: 0 0 22px !important;
font-family:
-apple-system,
BlinkMacSystemFont,
“Helvetica Neue”,
Helvetica,
Arial,
sans-serif !important;
font-size: 10px !important;
line-height: 1.4 !important;
font-weight: 600 !important;
letter-spacing: 2.4px !important;
text-transform: uppercase !important;
color: #86868b !important;
}
/* =========================================
MAIN HEADLINE
========================================= */
.oktakon-newsletter-success h1 {
display: block;
max-width: 700px;
margin: 0 auto 22px !important;
padding: 0 !important;
font-family:
-apple-system,
BlinkMacSystemFont,
“SF Pro Display”,
“Helvetica Neue”,
Helvetica,
Arial,
sans-serif !important;
font-size: 46px !important;
line-height: 1.06 !important;
font-weight: 600 !important;
letter-spacing: -1.8px !important;
text-transform: none !important;
font-style: normal !important;
color: #111111 !important;
}
/* =========================================
INTRO
========================================= */
.oktakon-success-intro {
max-width: 575px;
margin: 0 auto 52px !important;
font-family:
-apple-system,
BlinkMacSystemFont,
“SF Pro Text”,
“Helvetica Neue”,
Helvetica,
Arial,
sans-serif !important;
font-size: 17px !important;
line-height: 1.65 !important;
font-weight: 400 !important;
letter-spacing: -0.1px !important;
text-transform: none !important;
color: #6e6e73 !important;
}
.oktakon-success-intro strong {
color: #111111 !important;
font-weight: 600 !important;
}
/* =========================================
DISCOUNT CARD
========================================= */
.oktakon-code-card {
width: 100%;
max-width: 590px;
margin: 0 auto 34px;
padding: 48px 42px 43px;
box-sizing: border-box;
background: #f5f5f7;
border: 1px solid #ebebed;
border-radius: 24px;
}
/* CARD LABEL */
.oktakon-code-label {
margin-bottom: 15px;
font-family:
-apple-system,
BlinkMacSystemFont,
“Helvetica Neue”,
Helvetica,
Arial,
sans-serif !important;
font-size: 11px !important;
line-height: 1.4 !important;
font-weight: 600 !important;
letter-spacing: 1.9px !important;
text-transform: uppercase !important;
color: #86868b !important;
}
/* CODE */
.oktakon-code {
margin-bottom: 12px;
font-family:
-apple-system,
BlinkMacSystemFont,
“SF Pro Display”,
“Helvetica Neue”,
Helvetica,
Arial,
sans-serif !important;
font-size: 49px !important;
line-height: 1.1 !important;
font-weight: 650 !important;
letter-spacing: 8px !important;
text-transform: uppercase !important;
color: #111111 !important;
}
/* 10% OFF */
.oktakon-discount {
margin-bottom: 24px;
font-size: 15px !important;
line-height: 1.4 !important;
font-weight: 650 !important;
letter-spacing: 0.5px !important;
text-transform: uppercase !important;
color: #111111 !important;
}
/* CARD INFORMATION */
.oktakon-code-info {
max-width: 420px;
margin: 0 auto;
font-size: 14px !important;
line-height: 1.65 !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
text-transform: none !important;
color: #68686d !important;
}
/* =========================================
CTA BUTTON
========================================= */
.oktakon-shop-button {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 12px;
min-width: 335px;
padding: 19px 38px !important;
box-sizing: border-box;
background: #111111 !important;
color: #ffffff !important;
border: none !important;
border-radius: 8px !important;
text-decoration: none !important;
box-shadow: none !important;
transition:
transform 0.2s ease,
background 0.2s ease;
}
.oktakon-button-text {
font-family:
-apple-system,
BlinkMacSystemFont,
“Helvetica Neue”,
Helvetica,
Arial,
sans-serif !important;
font-size: 15px !important;
line-height: 1 !important;
font-weight: 600 !important;
letter-spacing: -0.1px !important;
text-transform: none !important;
color: #ffffff !important;
}
.oktakon-arrow {
font-family:
-apple-system,
BlinkMacSystemFont,
“Helvetica Neue”,
Helvetica,
Arial,
sans-serif !important;
font-size: 19px !important;
line-height: 1 !important;
font-weight: 400 !important;
color: #ffffff !important;
transform: translateY(-1px);
}
.oktakon-shop-button:hover {
background: #2b2b2d !important;
color: #ffffff !important;
transform: translateY(-1px);
}
/* =========================================
DIVIDER
========================================= */
.oktakon-divider {
width: 100%;
max-width: 560px;
height: 1px;
margin: 76px auto 48px;
background: #e5e5e5;
}
/* =========================================
BRAND SECTION
========================================= */
.oktakon-brand-section {
max-width: 590px;
margin: 0 auto;
}
.oktakon-brand-section h2 {
margin: 0 0 14px !important;
font-family:
-apple-system,
BlinkMacSystemFont,
“SF Pro Display”,
“Helvetica Neue”,
Helvetica,
Arial,
sans-serif !important;
font-size: 24px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
letter-spacing: -0.6px !important;
text-transform: none !important;
color: #111111 !important;
}
.oktakon-brand-sub {
margin: 0 auto 25px !important;
font-size: 17px !important;
line-height: 1.55 !important;
font-weight: 500 !important;
letter-spacing: -0.1px !important;
text-transform: none !important;
color: #2f2f32 !important;
}
.oktakon-brand-text {
max-width: 520px;
margin: 0 auto 42px !important;
font-size: 15px !important;
line-height: 1.7 !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
text-transform: none !important;
color: #626267 !important;
}
/* =========================================
NEWSLETTER FOOTER INFO
========================================= */
.oktakon-newsletter-info {
max-width: 500px;
margin: 0 auto !important;
font-size: 12px !important;
line-height: 1.7 !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
text-transform: none !important;
color: #8c8c91 !important;
}
/* =========================================
MOBILE
========================================= */
@media (max-width: 767px) {
.oktakon-newsletter-success {
padding: 52px 20px 68px;
}
.oktakon-success-logo {
width: 250px;
max-width: 78%;
margin-bottom: 44px;
}
.oktakon-success-label {
margin-bottom: 18px !important;
}
.oktakon-newsletter-success h1 {
font-size: 37px !important;
line-height: 1.07 !important;
font-weight: 600 !important;
letter-spacing: -1.4px !important;
text-transform: none !important;
margin-bottom: 20px !important;
}
.oktakon-success-intro {
font-size: 16px !important;
margin-bottom: 40px !important;
}
.oktakon-code-card {
max-width: 100%;
padding: 39px 22px 36px;
border-radius: 20px;
}
.oktakon-code {
font-size: 35px !important;
letter-spacing: 4.5px !important;
}
.oktakon-discount {
font-size: 14px !important;
}
.oktakon-code-info {
font-size: 13px !important;
}
.oktakon-shop-button {
width: 100% !important;
max-width: 590px;
min-width: 0;
padding: 19px 25px !important;
}
.oktakon-divider {
margin-top: 58px;
margin-bottom: 40px;
}
.oktakon-brand-section h2 {
font-size: 22px !important;
}
.oktakon-brand-sub {
font-size: 16px !important;
}
.oktakon-brand-text {
font-size: 14px !important;
}
}
