.ripple-effect{z-index:1;position:relative;overflow:visible}.ripple-effect:before,.ripple-effect:after{content:"";opacity:.6;z-index:-1;background-color:#1d40af;border-radius:50%;width:100%;height:100%;animation:2s ease-out infinite ripple;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.ripple-effect:after{opacity:.3;animation-delay:1s}.ripple-effect:hover:before,.ripple-effect:hover:after{background-color:#fff}@keyframes ripple{0%{opacity:.6;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}