.icon-btns{display:flex;flex-direction:column;gap:16px;padding:8px}.icon-btn{position:relative;width:40px;height:40px;border:none;border-radius:20px;background:transparent;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);outline:none;overflow:hidden;isolation:isolate}.icon-btn__back{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:.8;transform:scale(.9);transition:all .4s cubic-bezier(.25,.46,.45,.94);filter:blur(1px)}.icon-btn__front{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px) saturate(1.8);backdrop-filter:blur(20px) saturate(1.8);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0006,inset 0 1px #fff3,inset 0 -1px #0000001a;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.icon-btn__icon{font-size:1.5rem;color:#ffffffe6;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.icon-btn__label{position:absolute;bottom:-32px;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:600;color:#ffffffb3;opacity:0;transition:all .3s ease;white-space:nowrap;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.icon-btn:hover{transform:translateY(-4px) scale(1.05)}.icon-btn:hover .icon-btn__back{opacity:1;transform:scale(1.1);filter:blur(0px)}.icon-btn:hover .icon-btn__front{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);box-shadow:0 12px 48px #00000080,inset 0 1px #ffffff4d,inset 0 -1px #0000001a,0 0 20px #ffffff1a}.icon-btn:hover .icon-btn__icon{color:#fff;transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.icon-btn:hover .icon-btn__label{opacity:1;bottom:-28px}.icon-btn:active{transform:translateY(-2px) scale(1.02)}.icon-btn:active .icon-btn__front{background:rgba(255,255,255,.2);box-shadow:0 4px 16px #0000004d,inset 0 2px 4px #0003}.icon-btn:hover .icon-btn__back[style*=blue]{box-shadow:0 0 30px #3b82f699}.icon-btn:hover .icon-btn__back[style*=purple]{box-shadow:0 0 30px #a855f799}.icon-btn:hover .icon-btn__back[style*=red]{box-shadow:0 0 30px #ef444499}.icon-btn:hover .icon-btn__back[style*=green]{box-shadow:0 0 30px #22c55e99}.icon-btn:hover .icon-btn__back[style*=orange]{box-shadow:0 0 30px #fb923c99}.icon-btn:hover .icon-btn__back[style*=indigo]{box-shadow:0 0 30px #6366f199}.icon-btn:focus-visible{outline:2px solid rgba(168,85,247,.8);outline-offset:4px}@keyframes glassIconFadeIn{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.icon-btn{animation:glassIconFadeIn .6s cubic-bezier(.25,.46,.45,.94) backwards}.icon-btn:nth-child(1){animation-delay:.1s}.icon-btn:nth-child(2){animation-delay:.2s}.icon-btn:nth-child(3){animation-delay:.3s}.icon-btn:nth-child(4){animation-delay:.4s}.icon-btn:nth-child(5){animation-delay:.5s}.icon-btn:nth-child(6){animation-delay:.6s}
