/* fx.css · hover/glow, a soft glow gathers · owner: Lizzy East · all rights reserved */

[data-fx~="hover/glow"] { position: relative; isolation: isolate; }
[data-fx~="hover/glow"]::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  box-shadow: 0 0 0 3px var(--fx-glow, rgb(31 79 209 / 0.28)), 0 0 28px 4px var(--fx-glow, rgb(31 79 209 / 0.28));
  opacity: 0;
  pointer-events: none;
}
@media (prefers-reduced-motion: no-preference) {
  [data-fx~="hover/glow"]::after { transition: opacity var(--fx-hover-dur, 220ms) var(--fx-ease); }
}
@media (hover: hover) and (pointer: fine) {
  [data-fx~="hover/glow"]:hover::after { opacity: 1; }
}
[data-fx~="hover/glow"]:focus-visible::after { opacity: 1; }