a.halloween-purchase-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  border: 1px solid #ffb84d;
  border-radius: 0.45rem;
  background: linear-gradient(120deg, #f47b20, #d94332 58%, #65358c);
  color: #fff !important;
  font-weight: 700;
  box-shadow: 0 5px 16px rgba(111, 44, 104, 0.28);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

a.halloween-purchase-button::before {
  content: "🎃";
  line-height: 1;
}

a.halloween-purchase-button:hover,
a.halloween-purchase-button:focus {
  border-color: #ffd27b;
  background: linear-gradient(120deg, #ff922e, #e94d3b 58%, #7544a0);
  color: #fff !important;
  box-shadow: 0 8px 22px rgba(111, 44, 104, 0.36);
  transform: translateY(-2px);
  text-decoration: none;
}

a.halloween-purchase-button:focus-visible {
  outline: 3px solid #ffcf70;
  outline-offset: 3px;
}

.halloween-video-one-banner {
  background: linear-gradient(115deg, #25113c, #6b2b48 56%, #d95c26) !important;
  color: #fff;
}

.halloween-video-one-banner .halloween-video-one-banner__message {
  color: #fff;
}

.halloween-video-one-banner .halloween-video-one-banner__button {
  border: 1px solid #ffd27b;
  background: #fff3dc;
  color: #682b3e;
  font-weight: 700;
}

.halloween-video-one-banner .halloween-video-one-banner__button:hover,
.halloween-video-one-banner .halloween-video-one-banner__button:focus {
  background: #ffd27b;
  color: #431d39;
}

@media (prefers-reduced-motion: reduce) {
  a.halloween-purchase-button {
    transition: none;
  }
}