.glassy-hover-box{position:relative;overflow:hidden;transition:box-shadow .3s,background .3s,transform .3s}.glassy-hover-box:before{content:"";position:absolute;width:120%;height:120%;top:-110%;left:-110%;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.12),transparent);transition:all .5s cubic-bezier(.4,2,.6,1);pointer-events:none;z-index:1}.glassy-hover-box:hover:before{top:100%;left:100%}.glassy-hover-box:hover{box-shadow:0 0 32px 0 #ff7ceeb0,0 2px 16px 0 #fff2;background:hsla(0,0%,100%,.18);backdrop-filter:blur(8px);transform:scale(1.04) rotate(-1deg)}