.has-ripple {position:relative; overflow:hidden; -webkit-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}.ripple {display:block; position:absolute; pointer-events:none; border-radius:50%; -webkit-transform:scale(0); -o-transform:scale(0); transform:scale(0); background:#fff; opacity:1}.ripple-animate {-webkit-animation:ripple; -o-animation:ripple; animation:ripple}@-webkit-keyframes ripple {100% {opacity:0; -webkit-transform:scale(2); transform:scale(2)}}@-o-keyframes ripple {100% {opacity:0; -o-transform:scale(2); transform:scale(2)}}@keyframes ripple {100% {opacity:0; transform:scale(2)}}