.animated-button{--btn-accent:#60a5fa;--btn-accent-deep:#3b82f6;--btn-ink:#060b14;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:.6875rem 2.25rem;border:3px solid transparent;border-radius:var(--btn-radius);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;background-color:transparent;color:var(--btn-accent);box-shadow:0 0 0 2px var(--btn-accent);cursor:pointer;overflow:hidden;transition:all .6s cubic-bezier(.23,1,.32,1)}.animated-button svg{position:absolute;width:20px;fill:var(--btn-accent);z-index:9;transition:all .8s cubic-bezier(.23,1,.32,1)}.animated-button .arr-1{right:16px}.animated-button .arr-2{left:-25%}.animated-button .circle{position:absolute;top:50%;left:50%;width:20px;height:20px;border-radius:50%;background-color:var(--btn-accent-deep);transform:translate(-50%,-50%) scale(0);opacity:0;transition:all .8s cubic-bezier(.23,1,.32,1)}.animated-button .text{position:relative;z-index:1;transform:translateX(-12px);transition:all .8s cubic-bezier(.23,1,.32,1)}.animated-button:focus-visible,.animated-button:hover{outline:none;box-shadow:0 0 0 12px transparent;color:var(--btn-ink)}.animated-button:is(:hover,:focus-visible) .arr-1{right:-25%}.animated-button:is(:hover,:focus-visible) .arr-2{left:16px}.animated-button:is(:hover,:focus-visible) .text{transform:translateX(12px)}.animated-button:is(:hover,:focus-visible) svg{fill:var(--btn-ink)}.animated-button:is(:hover,:focus-visible) .circle{transform:translate(-50%,-50%) scale(26);opacity:1}.animated-button:active{scale:.95;box-shadow:0 0 0 4px var(--btn-accent)}@media (prefers-reduced-motion:reduce){.animated-button,.animated-button .circle,.animated-button .text,.animated-button svg{transition:none}.animated-button:is(:hover,:focus-visible) .arr-1,.animated-button:is(:hover,:focus-visible) .arr-2,.animated-button:is(:hover,:focus-visible) .text{transform:none}}