/* F.A.L.T actions retain their established geometry and gradient with restrained feedback. */
.btn.primary.animated-button{
 position:relative;display:inline-flex;align-items:center;justify-content:center;
 gap:4px;padding:13px 40px;border:2px solid transparent;border-radius:100px;
 background:var(--brand-gradient);color:#fff;box-shadow:0 0 0 1px #27999c;
 overflow:hidden;isolation:isolate;
 transition:background-color var(--motion-duration,180ms) ease-out,box-shadow var(--motion-duration,180ms) ease-out,opacity var(--motion-duration,180ms) ease-out;
}
.animated-button svg{position:absolute;width:20px;height:20px;fill:currentColor;z-index:2;pointer-events:none}
.animated-button .arr-1{right:12px}
.animated-button .arr-2,.animated-button .circle{display:none}
.animated-button .text{position:relative;z-index:1;transform:none}
.btn.primary.animated-button:is(:hover,:focus-visible):not(:disabled){box-shadow:0 0 0 2px var(--brand-turquoise);filter:none}
.btn.primary.animated-button:active:not(:disabled){transform:none;box-shadow:0 0 0 3px #5ebfb566}
.btn.primary.animated-button:focus-visible{outline:3px solid #086375;outline-offset:4px}
.btn.primary.animated-button:disabled{cursor:not-allowed}
.login-card>.btn.primary.animated-button{padding:15px 40px}
.btn.primary.animated-button.small{padding:8px 35px}
#reject-confirm.btn.primary.animated-button{background:linear-gradient(110deg,#a51e3b,#cf3650,#e05a61);box-shadow:0 0 0 1px #b72540;color:#fff}
#reject-confirm.btn.primary.animated-button:focus-visible{outline-color:#a51e3b}
#reject-confirm.btn.primary.animated-button:active:not(:disabled){box-shadow:0 0 0 3px #cf365055}
@media(prefers-reduced-motion:reduce){.btn.primary.animated-button{transition:none}}