.icon-btns{grid-gap:2em;grid-template-columns:repeat(3,1fr);justify-items:center;margin:auto;padding:0;display:grid;overflow:visible}.icon-btn{perspective:24em;width:3.75em;height:3.75em;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;cursor:pointer;background-color:#0000;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:1em;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 #17181c26}.icon-btn__front{-webkit-backdrop-filter:blur(.75em);-moz-backdrop-filter:blur(.75em);transform-origin:80%;will-change:transform;background-color:#ffffff26;display:flex;box-shadow:inset 0 0 0 .1em #ffffff4d}.icon-btn__icon{color:#fff;justify-content:center;align-items:center;width:1.4em;height:1.4em;margin:auto;display:flex}.icon-btn__icon svg{width:100%;height:100%}.icon-btn__label{white-space:nowrap;text-align:center;opacity:1;color:#fffc;font-size:.8em;font-weight:500;line-height:1.4;position:absolute;top:100%;left:0;right:0;transform:translateY(.6em)}.icon-btn:focus-visible .icon-btn__back,.icon-btn:hover .icon-btn__back{transform:rotate(25deg)translate3d(-.4em,-.4em,.4em)}.icon-btn:focus-visible .icon-btn__front,.icon-btn:hover .icon-btn__front{transform:translateZ(1.5em)}.icon-btn:active .icon-btn__back{transform:rotate(20deg)translate3d(-.2em,-.2em,.2em)}.icon-btn:active .icon-btn__front{transform:translateZ(.8em)}@media (max-width:360px){.icon-btns{grid-gap:1.5em}.icon-btn{width:3.25em;height:3.25em}}