.ripple{width:60px;height:60px;position:relative}.ripple-circle{position:absolute;inset:0;border:2px solid #ff6b9d;border-radius:50%;opacity:0;animation:ripple 2s ease-out infinite}.ripple-circle:nth-child(2){animation-delay:.5s}.ripple-circle:nth-child(3){animation-delay:1s}@keyframes ripple{0%{transform:scale(.3);opacity:1}to{transform:scale(1.5);opacity:0}}