/* Radial Reveal Button adaptation; see THIRD-PARTY.md in the source package. */
a.button[data-cta-motion="radial"] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--cta-accent, var(--accent));
}
a.button[data-cta-motion="radial"]::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: var(--cta-paper, var(--paper));
  background: color-mix(in srgb, var(--cta-accent, var(--accent)) 56%, var(--cta-paper, var(--paper)));
  clip-path: circle(0px at var(--reveal-x, 50%) var(--reveal-y, 50%));
  transition: clip-path 360ms cubic-bezier(.22, 1, .36, 1);
}
a.button[data-cta-motion="radial"]:focus-visible::before {
  clip-path: circle(var(--reveal-radius, 150%) at var(--reveal-x, 50%) var(--reveal-y, 50%));
}
@media (hover: hover) and (pointer: fine) {
  a.button[data-cta-motion="radial"]:hover { transform: none; }
  a.button[data-cta-motion="radial"]:active { transform: var(--cta-press, translateY(1px)); }
  a.button[data-cta-motion="radial"]:hover::before {
    clip-path: circle(var(--reveal-radius, 150%) at var(--reveal-x, 50%) var(--reveal-y, 50%));
  }
}
@media (prefers-reduced-motion: reduce) {
  a.button[data-cta-motion="radial"]::before { transition: none; }
  a.button[data-cta-motion="radial"]:active { transform: none; }
}
@media (forced-colors: active), print {
  a.button[data-cta-motion="radial"]::before { display: none; }
  a.button[data-cta-motion="radial"] { background: ButtonFace; color: ButtonText; border: 1px solid ButtonText; }
}