.card-swap-container{transform-origin:100% 100%;perspective:900px;position:relative;overflow:visible}.card{background:linear-gradient(135deg,var(--card-color-start,#1595ad)0%,var(--card-color-end,#45bed5)100%);transform-style:preserve-3d;will-change:transform,background;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid rgba(255,255,255,.2);border-radius:16px;transition:background .8s;position:absolute;top:50%;left:50%;box-shadow:0 8px 32px rgba(0,0,0,.1)}@media (max-width:768px){.card-swap-container{transform:scale(.75)}}@media (max-width:480px){.card-swap-container{transform:scale(.55)}}
.icon-btns{grid-template-columns:repeat(2,1fr);justify-content:center;gap:5em 8em;max-width:max-content;margin:0 auto;padding:0;display:grid;overflow:visible}.icon-btn{cursor:pointer;perspective:24em;width:4.5em;height:4.5em;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;background-color:transparent;border:none;outline:none;flex-direction:column;align-items:center;margin:0 auto;display:flex;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%;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%;background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(255,220,240,.4));display:flex;box-shadow:inset 0 0 0 .1em rgba(255,255,255,.5)}.icon-btn__icon{justify-content:center;align-items:center;width:1.5em;height:1.5em;margin:auto;display:flex}.icon-btn__icon svg{stroke:#fff;stroke-width:2px;width:100%;height:100%}.icon-btn__label{white-space:nowrap;text-align:center;opacity:1;color:#6b7280;width:max-content;margin-top:.5em;font-size:.9em;font-weight:300;line-height:1.5;position:absolute;top:100%;left:50%;transform:translate(-50%,20%)}.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:translate(-50%,20%)}.icon-btn:focus-visible .icon-btn__label{opacity:1;transform:translate(-50%,20%)}@media (min-width:1024px){.icon-btns{grid-template-columns:repeat(3,1fr);gap:6em 10em}}