.ripple{position:relative}.ripple::after,.ripple::before{left:50%;top:50%;width:110px;height:110px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);border-radius:50%;box-shadow:0 0 0 0 rgba(255,255,255,.5);-webkit-animation:rippleOne 3s infinite;animation:rippleOne 3s infinite;-webkit-animation-delay:.9s;animation-delay:.9s;content:"";position:absolute;right:0;bottom:0}.ripple::after{-webkit-animation-delay:.6s;animation-delay:.6s}