.button-3d{position:relative;display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;width:-moz-fit-content;width:fit-content;gap:.35rem;padding:.5rem 1.25rem;font-size:.85rem;font-family:Geist,system-ui,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-radius:.5rem;white-space:nowrap;border:0;outline:none;cursor:pointer;text-decoration:none;transform-style:preserve-3d;transition:transform .15s ease-out,background .15s ease-out}.button-3d-shadow{display:none}.button-3d-face{display:inline-flex;align-items:center;gap:.35rem}.button-3d-label{position:relative;display:inline-block;width:max-content;white-space:nowrap}.button-3d-label .line,.button-3d-label>div{white-space:nowrap!important}.button-3d--dark{background:var(--accent-2,#6362F0);color:#fff;border:2px solid color-mix(in oklch,var(--accent-2,#6362f0) 70%,black)}.button-3d--dark:before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background:color-mix(in oklch,var(--accent-2,#6362F0) 70%,black);border-radius:inherit;box-shadow:0 0 0 2px color-mix(in oklch,var(--accent-2,#6362F0) 50%,black);transform:translate3d(0,4px,-1em);transition:transform .15s ease-out,box-shadow .15s ease-out}@media (hover:hover){.button-3d--dark:hover{background:color-mix(in oklch,var(--accent-2,#6362F0) 85%,white);transform:translateY(2px)}.button-3d--dark:hover:before{transform:translate3d(0,2px,-1em)}}.button-3d--dark:active{transform:translateY(4px)}.button-3d--dark:active:before{transform:translateZ(-1em)}.button-3d--orange{background:var(--accent-orange,#ff6e14);color:#fff;border:2px solid color-mix(in oklch,var(--accent-orange,#ff6e14) 70%,black)}.button-3d--orange:before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background:color-mix(in oklch,var(--accent-orange,#ff6e14) 70%,black);border-radius:inherit;box-shadow:0 0 0 2px color-mix(in oklch,var(--accent-orange,#ff6e14) 50%,black);transform:translate3d(0,4px,-1em);transition:transform .15s ease-out,box-shadow .15s ease-out}@media (hover:hover){.button-3d--orange:hover{background:color-mix(in oklch,var(--accent-orange,#ff6e14) 85%,white);transform:translateY(2px)}.button-3d--orange:hover:before{transform:translate3d(0,2px,-1em)}}.button-3d--orange:active{transform:translateY(4px)}.button-3d--orange:active:before{transform:translateZ(-1em)}.button-3d--light,.button-3d--outline{background:var(--neutral-900,#1A1E2A);color:var(--neutral-300,#A3A9B5);border:2px solid var(--neutral-700,#333948)}.button-3d--light:before,.button-3d--outline:before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background:var(--neutral-800,#252A38);border-radius:inherit;box-shadow:0 0 0 2px var(--neutral-800,#252A38);transform:translate3d(0,4px,-1em);transition:transform .15s ease-out,box-shadow .15s ease-out}@media (hover:hover){.button-3d--light:hover,.button-3d--outline:hover{background:var(--neutral-800,#252A38);color:var(--base-400);transform:translateY(2px)}.button-3d--light:hover:before,.button-3d--outline:hover:before{transform:translate3d(0,2px,-1em)}}.button-3d--light:active,.button-3d--outline:active{transform:translateY(4px)}.button-3d--light:active:before,.button-3d--outline:active:before{transform:translateZ(-1em)}.button-3d .line{position:relative;will-change:transform;padding-bottom:.2em;margin-bottom:-.2em}@media (max-width:1000px){.button-3d{padding:.45rem 1rem;font-size:.8rem}}