/* SVG replaces Unicode emoji-style arrows; inherits each button's existing color */
.sai-svg-arrow{display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:-.16em!important;flex:0 0 auto!important;width:var(--sai-size,18px)!important;height:var(--sai-size,18px)!important;line-height:1!important;margin-inline-start:.28em;white-space:nowrap;pointer-events:none;transition:transform .24s ease!important;color:inherit!important}
.sai-svg-arrow svg{display:block!important;width:100%!important;height:100%!important;fill:none!important;stroke:currentColor!important;stroke-width:var(--sai-stroke,1.8)!important;stroke-linecap:round!important;stroke-linejoin:round!important;max-width:none!important;max-height:none!important;transform:none!important}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  body.sai-hover-enabled a:hover .sai-svg-arrow[data-direction="up-right"],body.sai-hover-enabled button:hover .sai-svg-arrow[data-direction="up-right"]{transform:translate(2px,-2px)!important}
  body.sai-hover-enabled a:hover .sai-svg-arrow[data-direction="right"],body.sai-hover-enabled button:hover .sai-svg-arrow[data-direction="right"]{transform:translateX(3px)!important}
}