.global-water-ripple{
    position:fixed;
    width:0;height:0;
    border-radius:50%;
    background:radial-gradient(circle, rgba(18,70,230,.12) 0%, transparent 70%);
    pointer-events:none;
    z-index:9999;
    transform:translate(-50%,-50%);
    animation:water-ripple .8s ease-out forwards;
}
@keyframes water-ripple{
    0%{width:0;height:0;opacity:1}
    100%{width:200px;height:200px;opacity:0}
}