.arrow-icon{display:inline-block;width:16px;height:16px;flex:none;vertical-align:-.18em;color:inherit;overflow:visible;pointer-events:none}.nav-chevron{width:14px;height:14px}.button .arrow-icon,.text-link .arrow-icon{margin-left:4px}i:has(>.arrow-icon){font-style:normal}.arrow-icon path{vector-effect:non-scaling-stroke}

.header nav .nav-cta:after{content:none}.nav-cta .arrow-icon{margin-left:10px}

/* A CTA is one text-and-icon unit at every breakpoint. Navigation selectors keep row alignment. */
body .button,body .cta-link,.header #navigation .nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px}
body .cta-link:not(.button):not(.nav-cta){justify-content:flex-start}
body .button .arrow-icon,body .cta-link .arrow-icon,.header #navigation .nav-cta .arrow-icon{margin:0;flex:none;width:16px;height:16px}
body .button>span:has(.arrow-icon),body .cta-link>span:has(.arrow-icon){display:inline-flex;align-items:center;margin:0;flex:none}
body .button .arrow-icon{width:17px;height:17px}
@media(hover:hover) and (pointer:fine){.button .arrow-icon,.cta-link .arrow-icon{transition:transform .15s ease}.button:hover .arrow-ne,.cta-link:hover .arrow-ne{transform:translate(2px,-2px)}.button:hover .arrow-right,.cta-link:hover .arrow-right{transform:translateX(2px)}}
@media(prefers-reduced-motion:reduce){.button .arrow-icon,.cta-link .arrow-icon{transition:none;transform:none!important}}