.three-d-button.pushable{position:relative;border:none;background:transparent;padding:0;cursor:pointer;outline-offset:4px;transition:filter .25s}.three-d-button .shadow{background:hsl(0deg 0% 0%/.25);will-change:transform;transform:translateY(2px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}.three-d-button .edge,.three-d-button .shadow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px}.three-d-button .edge{background:linear-gradient(270deg,hsl(340deg 100% 16%) 0,hsl(340deg 100% 32%) 8%,hsl(340deg 100% 32%) 92%,hsl(340deg 100% 16%))}.three-d-button .front{display:block;position:relative;border-radius:12px;font-size:1.25rem;will-change:transform;transform:translateY(-4px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}.three-d-button.pushable:hover{filter:brightness(110%)}.three-d-button.pushable:hover .front{transform:translateY(-6px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.three-d-button.pushable:active .front{transform:translateY(-2px);transition:transform 34ms}.three-d-button.pushable:hover .shadow{transform:translateY(4px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.three-d-button.pushable:active .shadow{transform:translateY(1px);transition:transform 34ms}.three-d-button.pushable:focus:not(:focus-visible){outline:none}.three-d-button .button-content{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 42px}.three-d-button.icon-button .edge,.three-d-button.icon-button .front,.three-d-button.icon-button .shadow{border-radius:8px}.three-d-button.icon-button .button-content{padding:.7rem}.three-d-button.icon-button svg{width:1.3rem;height:1.3rem}:root{--3d-button-primary-bg:26,46,59;--3d-button-primary-edge-start:22,37,50;--3d-button-primary-edge-middle:31,53,69;--3d-button-active-bg:30,58,138;--3d-button-active-edge-start:30,58,138;--3d-button-active-edge-middle:37,99,235;--3d-button-cancel-bg:55,65,81;--3d-button-cancel-edge-start:45,55,72;--3d-button-cancel-edge-middle:45,55,72;--3d-button-submit-bg:37,99,235;--3d-button-submit-edge-start:29,78,216;--3d-button-submit-edge-middle:29,78,216;--3d-button-login-bg:255,255,255;--3d-button-login-edge-start:177,178,181;--3d-button-login-edge-middle:157,157,159;--3d-button-purple-bg:139,92,246;--3d-button-purple-edge-start:109,40,217;--3d-button-purple-edge-middle:124,58,237;--3d-button-white-bg:255,255,255;--3d-button-white-edge-start:229,231,235;--3d-button-white-edge-middle:243,244,246}