.hover-effect{background:#000;color:#fff;overflow:hidden;position:relative;z-index:1}.hover-effect:before{content:"";height:100%;left:-10%;position:absolute;top:0;transform:skew(30deg);transition:transform .4s cubic-bezier(.3,1,.8,1);width:100%;width:120%;--un-bg-opacity:1;background-color:rgb(43 89 255 / var(--un-bg-opacity))}.hover-effect:hover:before{transform:translate3d(100%,0,0)}.hover-effect:hover{color:#fff}