/* One forward-arrow shape, inherited link/button color. */
.klima-forward-arrow{display:inline-block!important;width:1.25em!important;height:1.25em!important;min-width:1.25em;flex:0 0 1.25em;vertical-align:-.25em;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
:is(#klima-forward-specificity,[data-klima-forward-after])::after,:is(#klima-forward-specificity,[data-klima-forward-before])::before{content:none!important}
.klima-forward-generated{display:inline-flex;align-items:center;gap:.35em;margin-inline-start:.45em;vertical-align:middle;pointer-events:none}

/* Animate only the decorative arrow; keep the action's layout stable. */
.klima-forward-arrow{transform:translateX(0);transition:transform 180ms ease}
@media (hover:hover) and (pointer:fine){
:is(a,button,summary,[role="link"],[role="button"]):not(:disabled):not([aria-disabled="true"]):hover .klima-forward-arrow{transform:translateX(4px)}
}
:is(a,button,summary,[role="link"],[role="button"]):not(:disabled):not([aria-disabled="true"]):focus-visible .klima-forward-arrow{transform:translateX(4px)}
@media(prefers-reduced-motion:reduce){
.klima-forward-arrow{transition:none!important;transform:none!important}
}

@media (hover:hover) and (pointer:fine){
:is(a,button,summary,[role="link"],[role="button"]):not(:disabled):not([aria-disabled="true"]):hover .klima-back-arrow{transform:translateX(-4px)}
}
:is(a,button,summary,[role="link"],[role="button"]):not(:disabled):not([aria-disabled="true"]):focus-visible .klima-back-arrow{transform:translateX(-4px)}