.icon-btns{grid-gap:3em 4em;grid-template-columns:repeat(2,1fr);margin:auto;padding:3em 1em;display:grid;overflow:visible}.icon-btn{perspective:24em;width:6em;height:6em;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;cursor:pointer;background-color:#0000;border:none;outline:none;margin-bottom:1.8em;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:1.35em;width:100%;height:100%;position:absolute;top:0;left:0}.icon-btn__back{transform-origin:100% 100%;will-change:transform;background:#187e5f40;display:block;transform:rotate(15deg);box-shadow:.5em -.5em .75em #05140f99}.icon-btn__front{-webkit-backdrop-filter:blur(1em);transform-origin:80%;will-change:transform;background:#187e5f26;display:flex;box-shadow:inset 0 0 0 .08em #187e5f33,0 2px 8px #00000059}.icon-btn__icon{color:#1e3a5f;justify-content:center;align-items:center;width:2em;height:2em;margin:auto;display:flex}.icon-btn__label{font-size:.72em;font-family:var(--font-inter,system-ui, sans-serif);letter-spacing:.06em;white-space:nowrap;text-align:center;color:#0f1a1599;opacity:1;line-height:1;transition:color .3s;position:absolute;top:100%;left:0;right:0;transform:translateY(40%)}.icon-btn:focus-visible .icon-btn__back,.icon-btn:hover .icon-btn__back{transform:rotate(25deg)translate3d(-.5em,-.5em,.5em)}.icon-btn:focus-visible .icon-btn__front,.icon-btn:hover .icon-btn__front{transform:translateZ(2em)}.icon-btn:hover .icon-btn__label{color:#7c6af2}@media (min-width:640px){.icon-btns{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.icon-btns{grid-gap:2em 5em;grid-template-columns:repeat(6,1fr)}.icon-btns.features-grid{grid-template-columns:repeat(5,1fr)}}