.icon-btn{perspective:24em;width:4em;height:4em;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;cursor:default;background-color:#0000;border:none;outline:none;position:relative}.icon-btn__back,.icon-btn__front{border-radius:1.25em;width:100%;height:100%;transition:opacity .3s cubic-bezier(.83,0,.17,1),transform .3s cubic-bezier(.83,0,.17,1);position:absolute;top:0;left:0}.icon-btn__back{transform-origin:100% 100%;will-change:transform;display:block;transform:rotate(15deg);box-shadow:.5em -.5em .75em #17181c26}.icon-btn__front{-webkit-backdrop-filter:blur(1em)saturate(1.5);-moz-backdrop-filter:blur(1em);transform-origin:80%;will-change:transform;background-color:#ffffff47;display:flex;box-shadow:inset 0 0 0 .1em #ffffff8c,0 2px 12px #0000004d}.icon-btn__icon{justify-content:center;align-items:center;width:1.5em;height:1.5em;margin:auto;display:flex}.group:hover .icon-btn__back,.icon-btn:hover .icon-btn__back{transform:rotate(25deg)translate3d(-.5em,-.5em,.5em)}.group:hover .icon-btn__front,.icon-btn:hover .icon-btn__front{transform:translateZ(2em)}