.roll{white-space:pre;vertical-align:top;display:inline-block;position:relative;overflow:hidden}.roll-a,.roll-b{display:block}.roll-b{position:absolute;inset:0}.roll span span{transition:translate .3s ease-in-out var(--d);display:inline-block}.roll-b span{translate:0 100%}:is(a,button):is(:hover,:focus-visible) .roll-a span{translate:0 -100%}:is(a,button):is(:hover,:focus-visible) .roll-b span{translate:0}