.glass-icon{position:relative;background:transparent;outline:none;border:none;cursor:pointer}.glass-icon-shadow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1em;display:block;transition:transform .3s cubic-bezier(.83,0,.17,1);transform-origin:100% 100%;transform:rotate(15deg)}.glass-icon:hover .glass-icon-shadow{transform:rotate(25deg) translate3d(-.5em,-.5em,.5em)}.glass-icon-glass{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1em;background:#7d4fff1f;transition:transform .3s cubic-bezier(.83,0,.17,1);transform-origin:80% 50%;display:flex;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(125,79,255,.25)}.glass-icon:hover .glass-icon-glass{transform:translateZ(2em);background:#7d4fff2e;border-color:#7d4fff59}.glass-icon-content{margin:auto;width:1.5em;height:1.5em;display:flex;align-items:center;justify-content:center}.glass-icon-label{position:absolute;top:100%;left:0;right:0;text-align:center;white-space:nowrap;line-height:2;font-size:1rem;opacity:0;transition:opacity .3s cubic-bezier(.83,0,.17,1),transform .3s cubic-bezier(.83,0,.17,1);transform:translateY(0)}.glass-icon:hover .glass-icon-label{opacity:1;transform:translateY(20%)}