/* Individual scale composes with the transform used by screen transitions. */
.touch-reactive { position: relative; scale: var(--touch-scale, 1); }
.touch-reactive:active { filter: none; }
.touch-reactive > .touch-light { margin: 0; padding: 0; box-sizing: border-box; position: absolute; inset: 0; border-radius: inherit; overflow: hidden; pointer-events: none; }
.touch-light-core {
  position: absolute; pointer-events: none; border-radius: 50%;
  background: radial-gradient(circle, rgba(243,225,255,.95), rgba(186,136,250,.55) 45%, transparent 72%);
  /* Center the light without sharing its GSAP transform. */
  translate: -50% -50%; margin: 0;
}
.button.primary .touch-light-core { background: radial-gradient(circle,rgba(147,77,218,.75),rgba(186,136,250,.4) 45%,transparent 72%); }
@media (prefers-reduced-motion: reduce) { .touch-reactive { scale: 1; } }