/* Staggered text roll inspired by KINGFRESS: https://uiverse.io/KINGFRESS/giant-deer-25 */
[data-consult-roll] .consult-roll-label { display: inline-flex; line-height: 1.5; }
[data-consult-roll] .consult-roll-char { position: relative; display: block; overflow: hidden; }
[data-consult-roll] .consult-roll-char > span { display: block; transition: transform calc(.2s + var(--roll-order) * .1s) ease; }
[data-consult-roll] .consult-roll-char > span + span { position: absolute; inset: 0; transform: translateY(-100%); }
[data-consult-roll]:is(:hover,:focus-visible) .consult-roll-char > span { transform: translateY(100%); }
[data-consult-roll]:is(:hover,:focus-visible) .consult-roll-char > span + span { transform: translateY(0); }
[data-consult-roll]::before { display: none; }
[data-consult-roll]:hover { background: var(--brand-green); }
@media (prefers-reduced-motion: reduce) {
  [data-consult-roll] .consult-roll-char > span { transition: none; }
}