.icon-btns{display:flex;flex-direction:row;flex-wrap:wrap;gap:.85em;justify-content:center;align-items:center;margin:0;padding:.5em 0;overflow:visible;font-size:11.5px;max-width:14.5em}@media (min-width:640px){.icon-btns{font-size:13.5px;gap:1.1em;max-width:15.5em}}@media (min-width:1024px){.icon-btns{font-size:16px;gap:1.25em;max-width:none}}.icon-btn{background-color:transparent;outline:none;position:relative;width:3.5em;height:3.5em;perspective:24em;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;border:none;cursor:pointer;display:inline-block}.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;position:absolute;top:0;left:0;width:100%;height:100%}.icon-btn__back{box-shadow:.3em -.3em .5em rgba(0,0,0,.15);display:block;transform:rotate(15deg);transform-origin:100% 100%;will-change:transform}.icon-btn__front{background-color:hsla(0,0%,100%,.25);box-shadow:inset 0 0 0 .1em hsla(0,0%,100%,.4);backdrop-filter:blur(.5em);-webkit-backdrop-filter:blur(.5em);display:flex;transform-origin:80% 50%;will-change:transform}.dark .icon-btn__front{background-color:hsla(0,0%,100%,.08);box-shadow:inset 0 0 0 .1em hsla(0,0%,100%,.15)}.icon-btn__icon{margin:auto;width:1.5em;height:1.5em;display:flex;align-items:center;justify-content:center;color:#111827;transition:color .3s cubic-bezier(.83,0,.17,1)}.dark .icon-btn__icon{color:#fff}.icon-btn:hover .icon-btn__icon{color:#111827}.dark .icon-btn:hover .icon-btn__icon{color:#fff}.icon-btn__label{font-size:.8em;font-weight:500;white-space:nowrap;text-align:center;line-height:2;opacity:0;position:absolute;top:100%;right:0;left:0;transform:translateY(0);color:#4b5563;pointer-events:none}.dark .icon-btn__label{color:#d1d5db}.icon-btn:focus-visible .icon-btn__back,.icon-btn:hover .icon-btn__back{transform:rotate(25deg) translate3d(-.3em,-.3em,.3em)}.icon-btn:focus-visible .icon-btn__front,.icon-btn:hover .icon-btn__front{transform:translateZ(1.5em)}.icon-btn:focus-visible .icon-btn__label,.icon-btn:hover .icon-btn__label{opacity:1;transform:translateY(10%)}