.glass-icon-btn{perspective:24em;width:4em;height:4em;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;cursor:pointer;background-color:#0000;border:none;outline:none;position:relative}.glass-icon-btn__back,.glass-icon-btn__front,.glass-icon-btn__label{transition:opacity .3s cubic-bezier(.83,0,.17,1),transform .3s cubic-bezier(.83,0,.17,1)}.glass-icon-btn__back,.glass-icon-btn__front{border-radius:1.25em;width:100%;height:100%;position:absolute;top:0;left:0}.glass-icon-btn__back{transform-origin:100% 100%;will-change:transform;display:block;transform:rotate(15deg);box-shadow:.5em -.5em .75em #17181c26}.glass-icon-btn__front{-webkit-backdrop-filter:blur(12px);transform-origin:80%;will-change:transform;z-index:1;background-color:#ffffff26;display:flex;box-shadow:inset 0 0 0 .1em #ffffff4d}.glass-icon-btn__icon{justify-content:center;align-items:center;width:1.5em;height:1.5em;margin:auto;display:flex}.glass-icon-btn__label{white-space:nowrap;text-align:center;opacity:0;font-size:.75em;line-height:2;position:absolute;top:100%;left:0;right:0;transform:translateY(0)}.glass-icon-btn:focus-visible .glass-icon-btn__back,.glass-icon-btn:hover .glass-icon-btn__back{transform:rotate(25deg)translate3d(-.5em,-.5em,.5em)}.glass-icon-btn:focus-visible .glass-icon-btn__front,.glass-icon-btn:hover .glass-icon-btn__front{transform:translateZ(2em)}.glass-icon-btn:focus-visible .glass-icon-btn__label,.glass-icon-btn:hover .glass-icon-btn__label{opacity:1;transform:translateY(20%)}