.ripple{position:absolute;border-radius:50%;pointer-events:none;opacity:0;z-index:1}.ripple-enter{animation:ripple-enter .25s ease-out forwards}.ripple-leave{animation:ripple-leave .25s ease-out forwards}.ripple-content{transition:color .2s ease}.ripple-btn:hover .ripple-content{color:white}@keyframes ripple-enter{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}@keyframes ripple-leave{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}