/* Hero purchase CTA. Pending and live links share the same visual treatment. */
.hero-actions #buy-link.button.button-buy {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 49px;
  max-width: 100%;
  padding: 15px 43px 15px 22px;
  background: var(--hot, #ee243d);
  color: var(--cream, #f5e9ce);
  border: 2px solid #ff8b93;
  border-radius: 0;
  font-size: clamp(8px, .8vw, 10px);
  line-height: 1.8;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
  text-shadow: 1px 1px 0 #70101e;
  box-shadow: 4px 4px 0 #000, 0 0 12px #f4425238;
  animation: rdn-buy-glow 3.8s ease-in-out infinite;
}

@keyframes rdn-buy-glow {
  0%, 100% {
    box-shadow: 4px 4px 0 #000, 0 0 10px #f4425230;
  }
  50% {
    box-shadow: 4px 4px 0 #000, 0 0 22px #f4425260;
  }
}

.hero-actions #buy-link.button.button-buy::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -35%;
  width: 17px;
  pointer-events: none;
  background: repeating-linear-gradient(
    0deg,
    #fff0d9 0 3px,
    transparent 3px 5px
  );
  opacity: 0;
  transform: skewX(-14deg);
  transition: left .38s steps(7), opacity .15s;
}

.hero-actions #buy-link.button.button-buy::after {
  content: '';
  position: absolute;
  right: 18px;
  top: 50%;
  width: 10px;
  height: 10px;
  background: currentColor;
  clip-path: polygon(0 25%, 50% 25%, 50% 0, 100% 50%, 50% 100%, 50% 75%, 0 75%);
  pointer-events: none;
  transform: translateY(-50%);
  transition: transform .15s steps(2);
}

@media (hover: hover) {
  .hero-actions #buy-link.button.button-buy:hover {
    animation: none;
    box-shadow: 6px 6px 0 #000, 0 0 23px #f4425265;
  }

  .hero-actions #buy-link.button.button-buy:hover::before {
    left: 110%;
    opacity: .13;
  }

  .hero-actions #buy-link.button.button-buy:hover::after {
    transform: translate(3px, -50%);
  }
}

.hero-actions #buy-link.button.button-buy:focus-visible {
  outline: 3px dashed var(--cream, #f5e9ce);
  outline-offset: 6px;
  animation: none;
  box-shadow: 4px 4px 0 #000, 0 0 22px #f4425260;
}

.hero-actions #buy-link.button.button-buy[aria-disabled='true'] {
  cursor: help;
}

.hero-actions #buy-link.button.button-buy[aria-disabled='true']:active {
  transform: none;
}

p.buy-launch-note {
  flex-basis: 100%;
  max-width: 44ch;
  margin-top: 11px;
  color: var(--muted, #b59e9e);
  font-family: var(--mono, monospace);
  font-size: clamp(12px, 1.1vw, 14px);
  line-height: 1.4;
}

p.buy-launch-note:not([hidden]) {
  display: block;
}

@media (max-width: 760px) {
  .hero-actions #buy-link.button.button-buy {
    min-height: 48px;
    padding: 14px 39px 14px 18px;
    font-size: 8px;
  }

  .hero-actions #buy-link.button.button-buy::after {
    right: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-actions #buy-link.button.button-buy,
  .hero-actions #buy-link.button.button-buy::before,
  .hero-actions #buy-link.button.button-buy::after {
    animation: none;
    transition: none;
  }

  .hero-actions #buy-link.button.button-buy:hover::before {
    opacity: 0;
  }

  .hero-actions #buy-link.button.button-buy:hover::after {
    transform: translateY(-50%);
  }
}