/* Two clipped arrows exchange places; button and label never shift. */
.btn.cta-motion{transition:background-color .3s ease,color .3s ease}
.btn.cta-motion::after{display:none}
.hero-cta .btn.cta-motion,.solution-copy .btn.cta-motion,.mobile-menu .btn.cta-motion{padding-right:42px}
.btn.cta-motion>.cta-label{transform:none;transition:none}
.btn.cta-motion>.cta-arrow{position:absolute;right:15px;top:calc(50% - 8px);width:16px;height:16px;overflow:hidden;transition:none;transform:none;pointer-events:none}
.cta-arrow>span{position:absolute;inset:0;display:block;transition:transform .5s cubic-bezier(.6,.6,0,1)}
.btn.cta-motion .cta-arrow svg{display:block;transform:none;transition:none}
.cta-arrow>.cta-arrow-out{transform:translateX(0);transition-delay:.1s}
.cta-arrow>.cta-arrow-in{transform:translateX(-100%)}
.btn.cta-motion:focus-visible .cta-arrow-out{transform:translateX(100%);transition-delay:0s}
.btn.cta-motion:focus-visible .cta-arrow-in{transform:translateX(0);transition-delay:.1s}
@media(hover:hover) and (pointer:fine){
 .btn.cta-motion:hover .cta-arrow-out{transform:translateX(100%);transition-delay:0s}
 .btn.cta-motion:hover .cta-arrow-in{transform:translateX(0);transition-delay:.1s}
 .solution-copy .btn.cta-motion:hover{background:var(--blue-dark)}
}
/* Header action only. Orange sampled from the reference, converted to sRGB. */
.topbar .nav-right .btn.cta-motion{background:#ff7d4f;color:#200a02}
.topbar .nav-right .btn.cta-motion:is(:hover,:focus-visible,:active){background:#f47749;color:#200a02}
@media(min-width:481px){.nav-right .btn.cta-motion{padding-right:42px}}
@media(max-width:480px){.nav-right .btn.cta-motion>.cta-arrow{display:none}}
@media(prefers-reduced-motion:reduce){
 .btn.cta-motion,.btn.cta-motion .cta-arrow>span{transition:none}
 .btn.cta-motion .cta-arrow>.cta-arrow-out{transform:none}
 .btn.cta-motion .cta-arrow>.cta-arrow-in{display:none}
}