.ripple{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;z-index:100}.ripple div{position:absolute;border:4px solid #7AA1CB;opacity:1;border-radius:50%;animation:ripple 1s cubic-bezier(0,.2,.8,1) infinite}.ripple div:nth-child(2){animation-delay:-.5s}.ripple-show{display:inline-block}@keyframes ripple{0%{top:28px;left:28px;width:0;height:0;opacity:1}to{top:-1px;left:-1px;width:58px;height:58px;opacity:0}}