.ds24-section--custom-code {
  --ds24-font-family: "HelveticaNeuePro", Arial, sans-serif;
  --ds24-font-light: 300;
  --ds24-font-medium: 500;
  --ds24-font-bold: 700;
  --ds24-space-2xs: 12px;
  --ds24-space-xs: 20px;
  --ds24-space-sm: 30px;
  --ds24-space-md: 40px;
  --ds24-space-lg: 80px;
  --ds24-space-xl: 120px;
  --ds24-space-btn-sm: 12px;
  --ds24-space-btn-md: 16px;
  --ds24-space-btn-lg: 24px;
  --ds24-container-3xs: 320px;
  --ds24-container-2xs: 480px;
  --ds24-container-xs: 720px;
  --ds24-container-sm: 960px;
  --ds24-container-md: 1200px;
  --ds24-container-lg: 1360px;
  --ds24-container-xl: 1600px;
  --ds24-radius-none: 0;
  --ds24-radius-xs: 2px;
  --ds24-radius-sm: 4px;
  --ds24-radius-md: 8px;
  --ds24-radius-lg: 12px;
  --ds24-radius-xl: 20px;
  --ds24-radius-full: 999px;
  --ds24-z-base: 1;
  --ds24-z-overlay: 10;
  --ds24-z-header: 100;
  --ds24-z-modal: 1000;
  --ds24-z-toast: 2000;
  --ds24-color-accent: #63d1de;
  --ds24-color-blue: #0288d1;
  --ds24-color-product-bluetiful: #2463eb;
  --ds24-color-black: #000;
  --ds24-color-white: #fff;
  --ds24-color-gray: #828990;
  --ds24-color-dark-gray: #828990;
  --ds24-color-light-gray: #e5e5e5;
  --ds24-color-muted: #9da9b0;
  --ds24-color-border: #9da9b040;
  --ds24-color-bg-off: #5dacff26;
  --ds24-color-white-10: #ffffff1a;
  --ds24-color-white-20: #fff3;
  --ds24-color-white-30: #ffffff4d;
  --ds24-color-white-50: #ffffff80;
  --ds24-color-white-60: #fff9;
  --ds24-color-white-70: #ffffffb3;
  --ds24-color-white-90: #ffffffe6;
  --ds24-color-black-10: #0000001a;
  --ds24-color-black-20: #0003;
  --ds24-color-black-30: #0000004d;
  --ds24-color-black-50: #00000080;
  --ds24-color-black-60: #0009;
  --ds24-color-black-90: #000000e6;
  --ds24-color-accent-light-green: #c1f9a2;
  --ds24-color-accent-light-green-tint-30: #d4fbbe;
  --ds24-color-accent-light-green-tint-70: #ecfde3;
  --ds24-color-accent-light-blue-tint-50: #b7f1ff;
  --ds24-color-accent-gold-tint-80: #f9ebd5;
  --ds24-color-accent-yellow-orange-shade-10: #deb65e;
  --ds24-color-accent-yellow-orange-shade-30: #ad8d49;
  --ds24-color-pastel-blue-dark: #586b7f;
  --ds24-color-pastel-blue-light: #6e859e;
  --ds24-color-pastel-blue-light-shade-80: #161b20;
  --ds24-color-pastel-gray-dark: #4f555a;
  --ds24-color-pastel-gray-light: #636a71;
  --ds24-color-pastel-brown-dark: #5b534e;
  --ds24-color-pastel-brown-light: #726862;
  --ds24-color-pastel-green-dark: #666659;
  --ds24-color-pastel-green-light: #818170;
  --ds24-color-pastel-purple-dark: #5e5566;
  --ds24-color-klarna-pink: #ffa8cd;
  --ds24-color-product-bluetiful-tint-90: #e9effd;
  --ds24-gradient-button: linear-gradient(200deg, #3146a0 10%, #0288d1 100%);
  --btl-color-white-64: #ffffffa3;
  --btl-lh-flat: 1;
  --btl-lh-tight: 1.2;
  --btl-lh-snug: 1.3;
  --btl-ls-display: -.04em;
  --btl-text-optical-shift: .125em;
  --btl-gradient-headline-text: linear-gradient(180deg, #e9effd7a 0%, #d3e0fb7a 100%),
                                linear-gradient(#fff, #fff);
  --btl-glass-angle: 229.15deg;
  --btl-gradient-feather: linear-gradient(180deg, #2e2a2700 8.764%, #2e2a27 54.382%,
                          #2e2a2700 100%);
  --btl-gradient-light-cone: linear-gradient(178deg, #ffffffd6 10.8%, #90b3ffe8 16.6%,
                             #ffffff87 39.3%, #b4ccff4a 51.0%, #17171700 100%);
  --btl-shadow-glass: 0 4px 24px #ffffff29, 2px -2px 8px #2463eb29;
  --btl-blur-glass: 24px;
  --btl-atf-wordmark-size: max(44px, min(25.83px + 7.373vw, 132px));
  --btl-atf-hero-gap: max(40px, min(64.5svh - 264px, 296px));
  --btl-color-label-orange: #f89254;
  --btl-gradient-feather-band: linear-gradient(180deg, #2e2a2700 0%, #2e2a27b3 42%,
                               #2e2a27 50%, #2e2a27b3 58%, #2e2a2700 100%);
  --btl-feather-band-h: max(167px, min(50.3854vw - 35.55px, 860px));
  --btl-blur-opener-bg: 15.05px;
  --btl-opener-h: min(787px, 100svh);
  --btl-opener-lead-exit: -50svh;
  --btl-opener-desc-rise: 35.83svh;
  --btl-opener-pin: 70svh;
  --btl-opener-zoom: .25;
  --btl-color-white-32: #ffffff52;
  --btl-hl-inset: max(16px, min(-8.786px + 6.1657vw, 80px));
  --btl-hl-mcp-inset: max(16px, min(-27.38px + 10.79vw, 128px));
  --btl-hl-col-max: 1280px;
  --btl-hl-mcp-col-max: 1184px;
  --btl-hl-pad: max(var(--btl-hl-inset), (100% - var(--btl-hl-col-max)) / 2);
  --btl-hl-pad-top: max(60px, min(18.18px + 10.404vw, 168px));
  --btl-hl-mcp-gap: max(40px, min(9.02px + 7.7071vw, 120px));
  --btl-hl-label-gap: max(12px, min(7.353px + 1.1561vw, 24px));
  --btl-hl-sub-gap: max(40px, min(24.51px + 3.8536vw, 80px));
  --btl-hl-sub-btn-gap: max(20px, min(12.25px + 1.9268vw, 40px));
  --btl-hl-nav-gap: max(20px, min(4.51px + 3.8536vw, 60px));
  --btl-hl-wave-h: max(80px, min(51.54px + 7.0809vw, 153.5px));
  --btl-hl-wave-bed: max(100px, min(29.71px + 17.4855vw, 281.5px));
  --btl-hl-card-gap: 48px;
  --btl-hl-slots: 3;
  --btl-hl-track-inset: 0px;
  --btl-hl-card-w: calc((100% - (var(--btl-hl-slots) - 1) * var(--btl-hl-card-gap))
                        / var(--btl-hl-slots));
  --btl-hl-window-h: max(230px, min(204.881px + 6.2484vw, 294.858px));
  --btl-hl-window-tile: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"395\" height=\"295\" preserveAspectRatio=\"none\"><rect width=\"395\" height=\"295\" rx=\"12\" fill=\"%23000\"/></svg>");
  --btl-hl-hole: var(--btl-hl-card-w) var(--btl-hl-window-h);
  --btl-hl-hole-mid: var(--btl-hl-hole);
  --btl-hl-hole-end: var(--btl-hl-hole);
  --btl-hl-headline-measure: max(316px, min(270.69px + 11.272vw, 433px));
  --btl-hl-title-ls: max(.84px, min(.236px + .1503vw, 2.4px));
  --btl-hl-like-size: max(24px, min(21.676px + .578vw, 30px));
  --btl-hl-bg-top: max(160px, min(792.6px - 43.931vw, 616px));
  --btl-hl-bg-h: max(666px, min(195.5px + 117.052vw, 1881px));
  --btl-blur-highlight-bg: 4.108px;
  --btl-cta-pad-block: max(60px,  min(52.25px  + 1.9268vw, 80px));
  --btl-cta-inset: max(16px,  min(-14.98px + 7.7071vw, 96px));
  --btl-cta-col-max: 1248px;
  --btl-cta-pad-inline: max(var(--btl-cta-inset),
                            (100% - var(--btl-cta-col-max)) / 2);
  --btl-cta-title-size: max(30px,  min(25.35px  + 1.1561vw, 42px));
  --btl-cta-band-edge: max(178px, min(172.97px + 1.2524vw, 191px));
  --btl-cta-band-deep: max(178px, min(142.37px + 8.8632vw, 270px));
  --btl-gradient-mtc-title: linear-gradient(180deg, #e9effd7a 0%, #d3e0fb7a 100%);
  --btl-color-mtc-scrim: #2e2a27;
  --btl-btn-l-size: max(16px, min(14.06px + .4817vw, 21px));
  --btl-btn-l-pad-block: max(16px, min(12.9px + .7707vw, 24px));
  --btl-btn-l-pad-inline: max(20px, min(15.35px + 1.1561vw, 32px));
  --btl-color-white-24: #ffffff3d;
  --btl-color-white-48: #ffffff7a;
  --btl-signup-title-size: max(30px,    min(18.38px + 2.8902vw,  60px));
  --btl-signup-col-measure: max(306px,   min(209.57px + 23.9884vw, 555px));
  --btl-signup-form-w: max(306px,   min(214.99px + 22.6398vw, 541px));
  --btl-signup-gap-head: max(20px,    min(12.25px + 1.9268vw,   40px));
  --btl-signup-gap-block: max(40px,    min(32.25px + 1.9268vw,   60px));
  --btl-signup-gap-waves: max(60px,    min(87.75px - 1.9268vw,   80px));
  --btl-signup-pad-block-start: max(40px,    min(1.27px + 9.6339vw,   140px));
  --btl-signup-pad-block-end: max(0px,     min(-37.18px + 9.2486vw,  96px));
  --btl-signup-waves-w: max(648px,   min(276.58px + 92.3921vw, 1607.03px));
  --btl-signup-waves-blur: max(2.944px, min(1.257px + .41965vw,  7.3px));
  --btl-nav-active-glow: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 301 30\" preserveAspectRatio=\"none\"><defs><radialGradient id=\"g\" gradientUnits=\"userSpaceOnUse\" cx=\"0\" cy=\"0\" r=\"10\" gradientTransform=\"matrix(15.05 0 -1.1897e-8 1.5 150.5 30)\"><stop stop-color=\"white\" stop-opacity=\"0.16\" offset=\"0\"/><stop stop-color=\"white\" stop-opacity=\"0\" offset=\"1\"/></radialGradient></defs><rect width=\"301\" height=\"30\" fill=\"url(%23g)\"/></svg>");
}

.ds24-section--custom-code .ds24-button--glass, .ds24-section--custom-code .ds24-label, .ds24-section--custom-code .ds24-like-feature, .ds24-section--custom-code .atf__wordmark-joiner, .ds24-section--custom-code .btl-hl__title-tint, .ds24-section--custom-code .btl-hl-card__window, .ds24-section--custom-code .btl-hl-card__amount--muted, .ds24-section--custom-code .btl-hl-card__lock, .ds24-section--custom-code .cta__headline-highlight {
  --btl-gradient-glass-fill: linear-gradient(var(--btl-glass-angle), #2463eb29 0%,
                             #2463eb00 27.885%),
                             linear-gradient(180deg, #fff3 0%, #fff0 100%),
                             linear-gradient(#ffffff3d, #ffffff3d);
  --btl-gradient-glass-border: linear-gradient(var(--btl-glass-angle), #2463eb 0%,
                               #ffffff4d 25%, #ffffff29 50%, #ffffff7a 75%);
}

@media (width >= 1024px) and (width <= 1439px) {
  .ds24-section--custom-code {
    --ds24-space-xs: 16px;
    --ds24-space-sm: 20px;
    --ds24-space-md: 30px;
    --ds24-space-lg: 60px;
    --ds24-space-xl: 90px;
  }
}

@media (width <= 1023px) {
  .ds24-section--custom-code {
    --btl-hl-slots: 2;
    --btl-hl-hole-mid: 0 0;
  }
}

@media (width <= 743px) {
  .ds24-section--custom-code {
    --ds24-space-xs: 16px;
    --ds24-space-sm: 18px;
    --ds24-space-md: 20px;
    --ds24-space-lg: 40px;
    --ds24-space-xl: 60px;
    --btl-hl-slots: 1;
    --btl-hl-hole-end: 0 0;
    --btl-hl-track-inset: 35px;
  }
}

.ds24-section--custom-code *, .ds24-section--custom-code :before, .ds24-section--custom-code :after {
  box-sizing: border-box;
  margin: 0;
}

.ds24-section--custom-code {
  font-family: var(--ds24-font-family);
  background-color: var(--ds24-color-black);
  font-size: 16px;
}

@media (width >= 1440px) {
  .ds24-section--custom-code {
    font-size: 18px;
  }
}

@media (width >= 1920px) {
  .ds24-section--custom-code {
    font-size: 21px;
  }
}

.ds24-section--custom-code img, .ds24-section--custom-code video {
  max-width: 100%;
  display: block;
}

.ds24-section--custom-code ul, .ds24-section--custom-code ol {
  padding: 0;
  list-style: none;
}

.ds24-section--custom-code :focus-visible {
  outline: 2px solid var(--ds24-color-accent);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .ds24-section--custom-code *, .ds24-section--custom-code :before, .ds24-section--custom-code :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

.ds24-section--custom-code .ds24-button {
  border-radius: var(--ds24-radius-xs);
  font-family: var(--ds24-font-family);
  font-weight: var(--ds24-font-medium);
  line-height: var(--btl-lh-tight);
  text-align: center;
  cursor: pointer;
  background-color: #0000;
  border: 0;
  justify-content: center;
  align-items: center;
  gap: 9px;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.ds24-section--custom-code .ds24-button--xs {
  padding-block: calc(8px + var(--btl-text-optical-shift))
                 calc(8px - var(--btl-text-optical-shift));
  padding-inline: 10px;
  font-size: 14px;
}

.ds24-section--custom-code .ds24-button--l {
  padding-block: calc(var(--btl-btn-l-pad-block) + var(--btl-text-optical-shift))
                 calc(var(--btl-btn-l-pad-block) - var(--btl-text-optical-shift));
  padding-inline: var(--btl-btn-l-pad-inline);
  font-size: var(--btl-btn-l-size);
}

.ds24-section--custom-code .ds24-button--glass {
  background-image: var(--btl-gradient-glass-fill);
  box-shadow: var(--btl-shadow-glass);
  -webkit-backdrop-filter: blur(var(--btl-blur-glass));
  color: var(--ds24-color-white);
}

.ds24-section--custom-code .ds24-button--glass:after {
  content: "";
  border-radius: calc(var(--ds24-radius-xs) + 2px);
  background-image: var(--btl-gradient-glass-border);
  -webkit-mask-composite: xor;
  pointer-events: none;
  padding: 2px;
  position: absolute;
  inset: -2px;
  -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
  mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
  -webkit-mask-clip: content-box, border-box;
  mask-clip: content-box, border-box;
  mask-composite: exclude;
}

.ds24-section--custom-code .btl-bg-video {
  z-index: 0;
  object-fit: cover;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

@media (prefers-reduced-motion: reduce) {
  .ds24-section--custom-code .btl-bg-video {
    display: none;
  }
}

.ds24-section--custom-code .ds24-label {
  border-radius: var(--ds24-radius-sm);
  padding-block: calc(5px + var(--btl-text-optical-shift))
                 calc(5px - var(--btl-text-optical-shift));
  font-family: var(--ds24-font-family);
  font-weight: var(--ds24-font-medium);
  line-height: var(--btl-lh-tight);
  color: var(--ds24-color-white);
  white-space: nowrap;
  border: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding-inline: 8px;
  display: inline-flex;
  position: relative;
}

.ds24-section--custom-code .ds24-label--orange {
  background-color: var(--btl-color-label-orange);
}

.ds24-section--custom-code .ds24-label--brand {
  background-color: var(--ds24-color-product-bluetiful);
}

.ds24-section--custom-code .ds24-label:after {
  content: "";
  border-radius: calc(var(--ds24-radius-sm) + 1px);
  background-image: var(--btl-gradient-glass-border);
  -webkit-mask-composite: xor;
  pointer-events: none;
  padding: 1px;
  position: absolute;
  inset: -1px;
  -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
  mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
  -webkit-mask-clip: content-box, border-box;
  mask-clip: content-box, border-box;
  mask-composite: exclude;
}

.ds24-section--custom-code .ds24-button--secondary {
  border: 2px solid var(--btl-color-white-32);
}

.ds24-section--custom-code .ds24-slider-nav-button {
  width: 33px;
  height: 33px;
  padding: 0;
  transition: opacity .2s ease-out, border-color .2s ease-out, background-color .2s ease-out;
}

.ds24-section--custom-code .ds24-slider-nav-button img {
  width: 8.947px;
  height: 17px;
}

.ds24-section--custom-code .ds24-slider-nav-button:disabled {
  opacity: .4;
  cursor: default;
}

.ds24-section--custom-code .ds24-slider-nav-button:hover:not(:disabled):not(:focus) {
  border-color: var(--ds24-color-product-bluetiful);
  background-color: color-mix(in srgb, var(--ds24-color-product-bluetiful) 20%, transparent);
}

.ds24-section--custom-code .ds24-like-feature {
  --btl-glass-angle: 260.129deg;
  width: var(--btl-hl-like-size);
  height: var(--btl-hl-like-size);
  padding: calc(var(--btl-hl-like-size) * .125);
  background-color: #fff0;
  background-image: var(--btl-gradient-glass-fill);
  cursor: pointer;
  border: 0;
  border-radius: 2.4px;
  place-items: center;
  transition: background-color .3s ease-out;
  display: grid;
  overflow: clip;
  box-shadow: 0 2px 10px #00000059;
}

.ds24-section--custom-code .ds24-like-feature[aria-pressed="true"] {
  background-color: #fff3;
}

.ds24-section--custom-code .ds24-like-feature img {
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
  transition: opacity .3s ease-out, filter .3s ease-out;
}

.ds24-section--custom-code .ds24-like-feature__on, .ds24-section--custom-code .ds24-like-feature[aria-pressed="true"] img {
  opacity: 0;
}

.ds24-section--custom-code .ds24-like-feature[aria-pressed="true"] .ds24-like-feature__on {
  opacity: 1;
}

.ds24-section--custom-code .ds24-like-feature img:not(.ds24-like-feature__on) {
  filter: drop-shadow(0 0 3px #00000080);
}

.ds24-section--custom-code .ds24-like-feature__on {
  filter: drop-shadow(0 0 5px #ffffffb3);
}

.ds24-section--custom-code .optin {
  isolation: isolate;
  background-color: var(--ds24-color-black);
  flex-direction: column;
  min-height: 100svh;
  padding: 24px 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (width <= 743px) {
  .ds24-section--custom-code .optin {
    gap: 60px;
    padding: 20px;
  }
}

.ds24-section--custom-code .optin__bg {
  z-index: -1;
  position: absolute;
  inset: 0;
}

.ds24-section--custom-code .optin__bg img {
  object-fit: cover;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
}

.ds24-section--custom-code .optin__header {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.ds24-section--custom-code .optin__logo {
  width: 150px;
  height: 27px;
}

.ds24-section--custom-code .optin__wordmark {
  font-weight: var(--ds24-font-light);
  color: var(--ds24-color-white);
  align-items: baseline;
  gap: 6px;
  font-size: 24px;
  line-height: 1;
  display: flex;
}

.ds24-section--custom-code .optin__wordmark-joiner {
  color: var(--btl-color-white-64);
  font-family: Helvetica Neue, HelveticaNeuePro, Arial, sans-serif;
  font-style: italic;
}

.ds24-section--custom-code .optin__content {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  width: 100%;
  max-width: 460px;
  margin-block: auto;
  margin-inline: auto;
  display: flex;
}

.ds24-section--custom-code .optin__intro {
  flex-direction: column;
  gap: 20px;
  display: flex;
}

.ds24-section--custom-code .optin__headline {
  font-size: max(44px, min(37.804px + 1.5414vw, 60px));
  font-weight: var(--ds24-font-light);
  line-height: var(--btl-lh-flat);
  letter-spacing: -.04em;
  color: var(--ds24-color-white);
}

.ds24-section--custom-code .optin__headline-muted {
  color: var(--ds24-color-white-50);
}

.ds24-section--custom-code .optin__subtitle {
  font-size: 18px;
  font-weight: var(--ds24-font-medium);
  line-height: var(--btl-lh-snug);
  color: var(--btl-color-white-64);
}

.ds24-section--custom-code .optin__form {
  flex-direction: column;
  align-items: center;
  gap: 60px;
  width: 100%;
  display: flex;
}

.ds24-section--custom-code .optin__form form {
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  width: 100%;
  display: flex;
}

.ds24-section--custom-code .optin__field {
  width: 100%;
}

.ds24-section--custom-code .optin__field-label--visually-hidden {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.ds24-section--custom-code .optin__input {
  box-sizing: border-box;
  border: 1px solid var(--btl-color-white-24);
  border-radius: var(--ds24-radius-md);
  background-color: var(--ds24-color-black);
  width: 100%;
  font-family: var(--ds24-font-family);
  font-size: 14px;
  font-weight: var(--ds24-font-medium);
  color: var(--ds24-color-white);
  padding-block: 14px 10px;
  padding-inline: 16px;
}

.ds24-section--custom-code .optin__input::placeholder {
  color: var(--btl-color-white-48);
}

.ds24-section--custom-code .optin__consent {
  text-align: left;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.ds24-section--custom-code .optin__checkbox {
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid var(--btl-color-white-24);
  cursor: pointer;
  background-color: #0000;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 2px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
}

.ds24-section--custom-code .optin__checkbox:hover {
  border-color: var(--btl-color-white-48);
}

.ds24-section--custom-code .optin__checkbox:checked {
  border-color: var(--ds24-color-product-bluetiful);
  background-color: var(--ds24-color-product-bluetiful);
  background-image: url("https://cdn.sanity.io/images/ut3gopfm/production/33d5bdbad80bd238cb1e3e849a1e163df6141980-12x9.svg");
  background-size: 12px 9px;
}

.ds24-section--custom-code .optin__consent-label {
  font-size: 12px;
  font-weight: var(--ds24-font-medium);
  line-height: var(--btl-lh-snug);
  color: var(--btl-color-white-64);
}

.ds24-section--custom-code .optin__submit-row {
  justify-content: center;
  margin-top: 40px;
  display: flex;
}

.ds24-section--custom-code .optin__submit {
  border: 1px solid var(--ds24-color-product-bluetiful);
  border-radius: var(--ds24-radius-sm);
  background-color: var(--ds24-color-product-bluetiful);
  font-family: var(--ds24-font-family);
  font-size: 16px;
  font-weight: var(--ds24-font-medium);
  color: var(--ds24-color-white);
  text-align: center;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 16px 8px;
  line-height: 1.4;
  transition: opacity .2s ease-in-out;
  display: inline-flex;
  box-shadow: 0 4px 24px #2463eb7a;
}

.ds24-section--custom-code .optin__submit:hover {
  opacity: .85;
}

.ds24-section--custom-code .optin__fine-print {
  width: 100%;
  max-width: max(344px, min(298.3px + 11.368vw, 462px));
  font-size: 12px;
  font-weight: var(--ds24-font-medium);
  color: var(--btl-color-white-64);
  text-align: center;
  margin-inline: auto;
  line-height: 1.4;
}

@media (width >= 744px) {
  .ds24-section--custom-code .optin__fine-print {
    line-height: var(--btl-lh-snug);
    color: var(--btl-color-white-48);
    margin-block-end: max(0px, min(6.89655vw - 51.31px, 48px));
  }
}