.rip-sm:after,.rip-md:after,.rip-lg:after{content:'';position:absolute;top:50%;left:50%;width:5px;height:5px;background:rgba(255,255,255,.6);opacity:0;border-radius:100%;transform:scale(1,1) translate(-50%);transform-origin:50% 50%}@keyframes ripple-sm{0%{transform:scale(0,0);opacity:.6}25%{transform:scale(15,15);opacity:.6}50%{transform:scale(30,30);opacity:.6}75%{transform:scale(45,45);opacity:.6}100%{opacity:0;transform:scale(60,60)}}@keyframes ripple-hov-sm{0%{transform:scale(0,0);opacity:.2}25%{transform:scale(15,15);opacity:.2}50%{transform:scale(30,30);opacity:.2}75%{transform:scale(45,45);opacity:.2}100%{opacity:0;transform:scale(60,60)}}@keyframes ripple-md{0%{transform:scale(0,0);opacity:.6}25%{transform:scale(30,30);opacity:.6}50%{transform:scale(60,60);opacity:.6}75%{transform:scale(90,90);opacity:.6}100%{opacity:0;transform:scale(120,120)}}@keyframes ripple-hover-md{0%{transform:scale(0,0);opacity:.2}25%{transform:scale(30,30);opacity:.2}50%{transform:scale(60,60);opacity:.2}75%{transform:scale(90,90);opacity:.2}100%{opacity:0;transform:scale(120,120)}}@keyframes ripple-lg{0%{transform:scale(0,0);opacity:.6}25%{transform:scale(60,60);opacity:.6}50%{transform:scale(120,120);opacity:.6}75%{transform:scale(180,180);opacity:.6}100%{opacity:0;transform:scale(240,240)}}@keyframes ripple-hov-lg{0%{transform:scale(0,0);opacity:.2}25%{transform:scale(60,60);opacity:.2}50%{transform:scale(120,120);opacity:.2}75%{transform:scale(180,180);opacity:.2}100%{opacity:0;transform:scale(240,240)}}.rip-sm:focus:not(:active)::after{animation:ripple-sm 0.6s ease-out}.rip-md:focus:not(:active)::after{animation:ripple-md 0.8s ease-out}.rip-lg:focus:not(:active)::after{animation:ripple-lg 1s ease-out}.rip-sm:hover::after{animation:ripple-hov-sm 0.7s ease-out}