/* Shared action-feedback role. Swap this effect without changing consumers.
   Adapted from React Bits GlareHover: 350% sweep, -45deg, 650ms, 50% opacity. */
#gantua-site-wireframe .page-continuation :is(.action,button).action-feedback {
  --action-glare-size:350%;
  --action-glare-angle:-45deg;
  --action-glare-duration:650ms;
  --action-surface:transparent;
  --action-label:var(--brand-ink);
  --action-glare:var(--brand-ink);
  position:relative;isolation:isolate;overflow:hidden;
  background:var(--action-surface);color:var(--action-label);
}
#gantua-site-wireframe .page-continuation .action-feedback[data-button-tone="yellow"] {
  --action-surface:var(--brand-yellow);--action-glare:var(--brand-ink);
}
#gantua-site-wireframe .page-continuation .action-feedback[data-button-tone="charcoal"] {
  --action-surface:var(--brand-ink);--action-label:var(--brand-on-action);--action-glare:var(--brand-yellow);
}
#gantua-site-wireframe .page-continuation #wf-start :is(.action,button).action-feedback:hover,
#gantua-site-wireframe .page-continuation :is(.action,button).action-feedback:hover {
  background:var(--action-surface);color:var(--action-label);
}
.action-feedback > .action-feedback-label {position:relative;z-index:1;pointer-events:none}
.action-feedback::before {
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(var(--action-glare-angle),transparent 60%,color-mix(in srgb,var(--action-glare) 50%,transparent) 70%,transparent 80%,transparent 100%);
  background-size:var(--action-glare-size) var(--action-glare-size);
  background-repeat:no-repeat;background-position:-100% -100%;
  transition:background-position var(--action-glare-duration) ease;
}
@media(hover:hover){.action-feedback:not(:disabled):hover::before{background-position:100% 100%}}
.action-feedback:not(:disabled):focus-visible::before{background-position:100% 100%}
.action-feedback:focus-visible{outline:2px solid var(--brand-ink);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.action-feedback::before{display:none}}
.journey-reduced .action-feedback::before{display:none}