.header-cta.button {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #f4f0e8;
  color: #141414;
  border-color: #f4f0e8;
}

.header-cta.button::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 30%, #fff 50%, transparent 70%);
  animation: from-cta-shine 6s ease-in-out infinite;
}

@keyframes from-cta-shine {
  0%, 75% { transform: translateX(-120%); }
  94%, 100% { transform: translateX(120%); }
}

@media (prefers-reduced-motion: reduce) {
  .header-cta.button::after { animation: none; display: none; }
}
