/* A small directional cue, available to keyboard and pointer users. */
[data-motion-arrow]{display:inline-block;transition:translate 180ms ease}
:is(a,button):is(:hover,:focus-visible)>[data-motion-arrow="diagonal"]{translate:2px -2px}
:is(a,button):is(:hover,:focus-visible)>[data-motion-arrow="right"]{translate:3px 0}
:is(a,button):is(:hover,:focus-visible)>[data-motion-arrow="down"]{translate:0 3px}
@media(prefers-reduced-motion:reduce){
  [data-motion-arrow]{transition:none!important;translate:none!important}
}