.arrow-fill-btn{background:var(--btn-bg);height:3rem;color:var(--btn-text);white-space:nowrap;cursor:pointer;border:none;border-radius:1000px;justify-content:center;align-items:center;padding-left:1.5rem;padding-right:3.5rem;font-size:.875rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.arrow-fill-btn__text{z-index:1;position:relative}.arrow-fill-btn__circle{clip-path:inset(.4rem .4rem .4rem calc(100% - 2.5rem) round 2rem);z-index:2;background-color:var(--btn-fill-bg);color:var(--btn-fill-text);border-radius:1000px;align-items:center;padding-left:1.5rem;padding-right:3.5rem;transition:clip-path .45s cubic-bezier(.785,.135,.15,.86),background-color .45s cubic-bezier(.785,.135,.15,.86),color .45s cubic-bezier(.785,.135,.15,.86);display:flex;position:absolute;inset:-1px}.arrow-fill-btn__circle-text{white-space:nowrap;justify-content:center;align-items:center;gap:.75rem;width:100%;display:flex}.arrow-fill-btn__icon{color:currentColor;flex:none;width:.75rem;height:.75rem;position:absolute;right:1rem;overflow:hidden}.arrow-fill-btn__path{transform-origin:50%;fill:currentColor;transition:transform .45s cubic-bezier(.785,.135,.15,.86)}.arrow-fill-btn__path:first-child{transform:translate(-120%)scale(0)}.arrow-fill-btn:is(:hover,:focus-visible):not(:disabled) .arrow-fill-btn__path:first-child{transform:translate(0)scale(1)}.arrow-fill-btn:is(:hover,:focus-visible):not(:disabled) .arrow-fill-btn__path:last-child{transform:translate(120%)scale(0)}.arrow-fill-btn:is(:hover,:focus-visible):not(:disabled) .arrow-fill-btn__circle{clip-path:inset(0 round 2rem)}.arrow-fill-btn:focus-visible{outline-offset:4px;outline:2px solid #ffffff80}.arrow-fill-btn:disabled{cursor:not-allowed;opacity:.5}@media (prefers-reduced-motion:reduce){.arrow-fill-btn__circle,.arrow-fill-btn__path{transition:none}}@keyframes otp-pop{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.otp-pop{animation:.18s ease-out otp-pop}@keyframes otp-caret-blink{0%,45%{opacity:1}50%,95%{opacity:0}}.otp-caret{animation:1s step-end infinite otp-caret-blink}@keyframes otp-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.otp-shake{animation:.4s ease-out otp-shake}@media (prefers-reduced-motion:reduce){.otp-pop,.otp-shake,.otp-caret{animation:none}}