.btn{--pad-y:16px;--pad-x:26px;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;will-change:transform;isolation:isolate;border-radius:100px;align-items:center;font-size:.78rem;display:inline-flex;position:relative}.btn__inner{z-index:1;padding:var(--pad-y) var(--pad-x);will-change:transform;align-items:center;gap:.85em;display:inline-flex;position:relative}.btn__arrow{transition:transform .45s var(--ease-out);display:inline-flex}.btn:hover .btn__arrow{transform:translate(3px,-3px)}.btn--solid{background:var(--accent);color:#07080b;overflow:hidden}.btn--solid:after{content:"";transition:transform .5s var(--ease-out);z-index:0;background:#fff;position:absolute;inset:0;transform:translateY(101%)}.btn--solid:hover:after{transform:translateY(0)}.btn--outline{border:1px solid var(--line);color:var(--fg);overflow:hidden}.btn--outline:after{content:"";background:var(--accent);transition:transform .5s var(--ease-out);z-index:0;position:absolute;inset:0;transform:translateY(101%)}.btn--outline:hover{color:#07080b;border-color:var(--accent)}.btn--outline:hover:after{transform:translateY(0)}.btn--ghost{color:var(--fg);padding:0}.btn--ghost .btn__inner{align-items:center;min-height:44px;padding:12px 0}.btn--ghost .btn__label{position:relative}.btn--ghost .btn__label:after{content:"";transform-origin:100%;width:100%;height:1px;transition:transform .45s var(--ease-out);background:currentColor;position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.btn--ghost:hover .btn__label:after{transform-origin:0;transform:scaleX(1)}@media (hover:none),(pointer:coarse){.btn__inner{transition:transform .25s var(--ease-out)}.btn:active .btn__inner{transform:scale(.96)}.btn:active .btn__arrow{transform:translate(3px,-3px)}.btn--solid:active:after,.btn--outline:active:after{transform:translateY(0)}.btn--outline:active{color:#07080b;border-color:var(--accent)}.btn--ghost:active .btn__label:after{transform-origin:0;transform:scaleX(1)}}