.hover-ripple-container{position:relative;overflow:hidden}.hover-ripple-wrapper{pointer-events:none;z-index:0;position:absolute;inset:0}.hover-ripple-effect{opacity:.6;animation-name:ripple;animation-duration:var(--duration);pointer-events:none;background:linear-gradient(135deg,#7257a8 0%,#d82789 100%);border-radius:100%;position:absolute;transform:scale(0)}@keyframes ripple{to{opacity:0;transform:scale(2.5)}}.gradient-hover-bg{z-index:1;position:relative}.gradient-hover-bg:before{content:"";border-radius:inherit;opacity:0;z-index:-1;background:linear-gradient(135deg,#7257a8 0%,#d82789 100%);transition:opacity .8s ease-in-out;position:absolute;inset:0}.gradient-hover-bg:hover:before{opacity:1}