.icon-btns{flex-wrap:wrap;gap:.6em;margin:0;padding:.25em 0;display:flex;overflow:visible}.icon-btn{perspective:24em;width:2.5em;height:2.5em;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;cursor:pointer;background-color:transparent;border:none;outline:none;position:relative}.icon-btn__back,.icon-btn__front,.icon-btn__label{transition:opacity .3s cubic-bezier(.83,0,.17,1),transform .3s cubic-bezier(.83,0,.17,1)}.icon-btn__back,.icon-btn__front{border-radius:.75em;width:100%;height:100%;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 rgba(23,24,28,.15)}.icon-btn__front{-webkit-backdrop-filter:blur(.75em);transform-origin:80%;will-change:transform;background-color:rgba(255,255,255,.15);display:flex;box-shadow:inset 0 0 0 .1em rgba(255,255,255,.3)}.icon-btn__icon{justify-content:center;align-items:center;width:1em;height:1em;margin:auto;display:flex}.icon-btn__label{white-space:nowrap;text-align:center;opacity:0;font-size:.6em;line-height:2;position:absolute;top:100%;left:0;right:0;transform:translateY(0)}.icon-btn:hover .icon-btn__back{transform:rotate(25deg)translate3d(-.5em,-.5em,.5em)}.icon-btn:focus-visible .icon-btn__back{transform:rotate(25deg)translate3d(-.5em,-.5em,.5em)}.icon-btn:hover .icon-btn__front{transform:translateZ(2em)}.icon-btn:focus-visible .icon-btn__front{transform:translateZ(2em)}.icon-btn:hover .icon-btn__label{opacity:1;transform:translateY(20%)}.icon-btn:focus-visible .icon-btn__label{opacity:1;transform:translateY(20%)}