.btn{border-radius:var(--r-pill);font-family:var(--font-body);cursor:pointer;will-change:transform, box-shadow;border:none;outline:none;justify-content:center;align-items:center;gap:10px;padding:17px 30px;font-size:1rem;font-weight:600;line-height:1;transition:transform .32s cubic-bezier(.34,1.4,.64,1),box-shadow .32s cubic-bezier(.34,1.4,.64,1),border-color .22s,color .22s,background .22s;display:inline-flex;position:relative}.btn svg{transition:transform .32s cubic-bezier(.34,1.4,.64,1)}.btn:hover svg{transform:translate(5px)}.btn:active svg{transform:translate(3px)}.btn:focus-visible{outline:2px solid var(--brand-1);outline-offset:3px}.btn--primary{background:var(--brand-grad);color:#fff;box-shadow:var(--shadow-btn)}.btn--primary:hover{box-shadow:var(--shadow-btn-h);transform:translateY(-3px)}.btn--primary:active{transition-duration:80ms;transform:translateY(-1px);box-shadow:0 6px 14px -6px #3a50bf80}.btn--secondary{color:var(--ink);border:1.5px solid var(--border-strong);background:0 0;padding:15.5px 28px}.btn--secondary:hover{border-color:var(--brand-2);color:var(--brand-2);transform:translateY(-3px);box-shadow:0 10px 24px -12px #3a50bf59}.btn--secondary:active{transition-duration:80ms;transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.btn,.btn svg,.btn:hover,.btn:active{transition-duration:.1s!important;transform:none!important}}