.ripple {position: absolute;width: 40px;height: 40px;background: rgba(0, 0, 0, 0.5);border-radius: 50%;transform: translate(-50%, -50%);animation: ripple 0.6s ease-out forwards;pointer-events: none;}
  @keyframes ripple {0% {transform: translate(-50%, -50%) scale(0.3);opacity: 1;}100% {transform: translate(-50%, -50%) scale(1.5);opacity: 0;}}