.glass-btns{display:flex;flex-direction:column;gap:1.5em;justify-content:center;align-items:center;padding:1em 0;overflow:visible}@media (min-width:640px){.glass-btns{flex-direction:row;gap:2em}}.glass-btn{background-color:transparent;position:relative;min-width:180px;height:56px;perspective:800px;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;border:none;cursor:pointer;text-decoration:none}.glass-btn__back{position:absolute;top:0;left:0;box-shadow:.5em -.5em 1em hsla(0,0%,0%,.2);transform:rotate(4deg) translate3d(6px,-6px,-15px);transform-origin:100% 100%;transition:transform .4s cubic-bezier(.23,1,.32,1);z-index:1}.glass-btn__back,.glass-btn__front{border-radius:.875em;width:100%;height:100%}.glass-btn__front{position:relative;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);-moz-backdrop-filter:blur(20px);padding:0 1.5em;gap:.5em;transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s cubic-bezier(.23,1,.32,1),border-color .4s cubic-bezier(.23,1,.32,1);z-index:2}.glass-btn__front,.glass-btn__icon{display:flex;align-items:center;justify-content:center}.glass-btn__icon{flex-shrink:0}.glass-btn__text{font-size:1rem;font-weight:500;white-space:nowrap}.glass-btn--primary .glass-btn__back{background:linear-gradient(135deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.15))}.glass-btn--primary .glass-btn__front{background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),0 15px 35px rgba(0,0,0,.2)}.glass-btn--primary .glass-btn__icon,.glass-btn--primary .glass-btn__text{color:hsl(220,10%,15%)}.glass-btn--secondary .glass-btn__back{background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.05))}.glass-btn--secondary .glass-btn__front{background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 15px 35px rgba(0,0,0,.3)}.glass-btn--secondary .glass-btn__icon,.glass-btn--secondary .glass-btn__text{color:white}.glass-btn:focus-visible .glass-btn__back,.glass-btn:hover .glass-btn__back{transform:rotate(8deg) translate3d(10px,-10px,-25px)}.glass-btn:focus-visible .glass-btn__front,.glass-btn:hover .glass-btn__front{transform:translate3d(0,-3px,0)}.glass-btn--primary:focus-visible .glass-btn__front,.glass-btn--primary:hover .glass-btn__front{box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 25px 50px rgba(0,0,0,.25);border-color:rgba(255,255,255,.7)}.glass-btn--secondary:focus-visible .glass-btn__front,.glass-btn--secondary:hover .glass-btn__front{box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 25px 50px rgba(0,0,0,.4);border-color:rgba(255,255,255,.25)}.glass-btn:focus-visible .glass-btn__front{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}@media (max-width:640px){.glass-btn{min-width:200px;height:52px}.glass-btn__text{font-size:.9375rem}.glass-btn__back{transform:rotate(3deg) translate3d(5px,-5px,-10px)}.glass-btn:hover .glass-btn__back{transform:rotate(5deg) translate3d(7px,-7px,-15px)}.glass-btn:hover .glass-btn__front{transform:translate3d(0,-2px,0)}}.glass-card-3d{perspective:800px}.glass-card-3d,.glass-card-3d__inner{position:relative;transform-style:preserve-3d}.glass-card-3d__back,.glass-card-3d__inner{transition:transform .4s cubic-bezier(.23,1,.32,1);height:100%}.glass-card-3d__back{border-radius:1rem;position:absolute;top:0;left:0;width:100%;background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.05));box-shadow:.5em -.5em 1em hsla(0,0%,0%,.2);transform:rotate(4deg) translate3d(8px,-8px,-20px);transform-origin:100% 100%;z-index:1}.glass-card-3d__front{border-radius:1rem;background:rgba(0,0,0,.5);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 20px 40px rgba(0,0,0,.3);transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s cubic-bezier(.23,1,.32,1),border-color .4s cubic-bezier(.23,1,.32,1);z-index:2}.glass-card-3d__content,.glass-card-3d__front{position:relative;height:100%;display:flex;flex-direction:column}.glass-card-3d__content{z-index:3}.glass-card-3d:hover .glass-card-3d__back{transform:rotate(8deg) translate3d(12px,-12px,-30px)}.glass-card-3d:hover .glass-card-3d__front{transform:translate3d(0,-4px,0);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 30px 60px rgba(0,0,0,.4);border-color:rgba(255,255,255,.25)}.glass-card-3d .step-number{width:3.5rem;height:3.5rem;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;box-shadow:0 4px 15px rgba(0,0,0,.2);transition:all .4s cubic-bezier(.23,1,.32,1);flex-shrink:0}.glass-card-3d:hover .step-number{background:linear-gradient(135deg,rgba(255,255,255,.3),rgba(255,255,255,.1));transform:scale(1.05)}.glass-card-3d--equal-height{height:100%}.glass-card-3d--equal-height .glass-card-3d__content{flex:1}@media (max-width:640px){.glass-card-3d__back{transform:rotate(3deg) translate3d(6px,-6px,-15px)}.glass-card-3d:hover .glass-card-3d__back{transform:rotate(5deg) translate3d(8px,-8px,-20px)}.glass-card-3d:hover .glass-card-3d__front{transform:translate3d(0,-2px,0)}}