.ripple-effect{position:relative;overflow:hidden}.ripple-effect:after{background-color:rgba(44,119,177,.12156862745098039);animation:rippleAnimation 1.5s linear}.ripple-effect::active,.ripple-effect:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);opacity:1;pointer-events:none}.ripple-effect::active{background-color:rgba(0,0,0,.363)}@keyframes rippleAnimation{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(8);opacity:1}}:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:rgba(0,0,0,.377);opacity:0;transition:all .3s ease;pointer-events:none}.ripple-effect.ripple-effect:after{transform:translate(-50%,-50%) scale(1);opacity:1}