@import url("/content/dam/amex/nl/assets/css/global/nl-nl/v0-7-6/base.css");
@import url("/content/dam/amex/nl/assets/css/global/global_base.css");

/* Page-specific CSS voor SBS Gold Booster 2026-08-10 */

.k_hero-2--scroll-booster {
  --_boosterSize: 60px;
  --_chevronSize: 40px;
}
@keyframes booster-rocket-up {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  15% {
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-60px);
    opacity: 0;
  }
}
@keyframes booster-chevron-down {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  15% {
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(60px);
    opacity: 0;
  }
}
@media (width >= 1024px) {
  .k_hero-2--scroll-booster::before {
    position: absolute;
    left: calc(50% - 30px - var(--_boosterSize) / 2);
    bottom: calc(10% + var(--_chevronSize) + 10px);
    width: var(--_boosterSize);
    aspect-ratio: 1;
    content: "";
    display: block;
    background-image: url("https://www.americanexpress.com/content/dam/amex/nl-be/voordelen/membership-rewards/membership-rewards-booster/mr-booster-white.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(25%) sepia(98%) saturate(1636%) hue-rotate(196deg) brightness(96%) contrast(101%);
    z-index: 1;
    animation: booster-rocket-up 2.5s ease-out infinite;
  }
  .k_hero-2--scroll-booster::after {
    position: absolute;
    left: calc(50% - 30px - var(--_chevronSize) / 2);
    bottom: 10%;
    width: var(--_chevronSize);
    height: var(--_chevronSize);
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2014%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M2%202l10%2010L22%202%27%20stroke%3D%27%23006FCF%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2014%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M2%202l10%2010L22%202%27%20stroke%3D%27%23006FCF%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E");
    background-size: var(--_chevronSize) 45%, var(--_chevronSize) 45%;
    background-position: center 0%, center 70%;
    background-repeat: no-repeat, no-repeat;
    z-index: 3;
    animation: booster-chevron-down 2.5s ease-out infinite;
  }
}

.k_booster-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--s-1);
  padding: var(--s-2) var(--s-3);
  font-family: var(--font-primary);
  font-size: 1.25rem;
  color: var(--c-secondary);
}
.k_booster-banner img {
  width: 36px;
  height: auto;
  filter: brightness(0) saturate(100%) invert(25%) sepia(98%) saturate(1636%) hue-rotate(196deg) brightness(96%) contrast(101%);
}
.k_booster-banner strong {
  font-family: var(--font-heading);
  color: var(--c-primary);
}
.k_booster-banner__text {
  display: contents;
}
.k_booster-banner__text span:first-child {
  order: -1;
}
@media (width < 768px) {
  .k_booster-banner {
    gap: var(--s-3);
    padding: var(--s-3) var(--s-2);
    font-size: 1.125rem;
  }
  .k_booster-banner__text {
    display: flex;
    flex-direction: column;
    gap: var(--s-05);
  }
  .k_booster-banner__text span {
    line-height: 1.4;
  }
  .k_booster-banner__text span:first-child {
    order: unset;
  }
}

/*# sourceMappingURL=custom.css.map */