.listner-section:hover {
animation: shake 0.4s ease-in-out, glow 1.5s ease-in-out infinite alternate;
box-shadow: 0 0 20px #FFD700;
transform: scale(1.02);
border-radius: 10px;
transition: all 0.3s ease;
}
/* Glow effect */
@keyframes glow {
from { box-shadow: 0 0 8px #FFD700; }
to { box-shadow: 0 0 25px #FFD700; }
}
/* Shake effect */
@keyframes shake {
0% { transform: translate(0, 0) rotate(0); }
25% { transform: translate(1px, 1px) rotate(0.5deg); }
50% { transform: translate(-1px, -1px) rotate(-0.5deg); }
75% { transform: translate(1px, -1px) rotate(0.5deg); }
100% { transform: translate(0, 0) rotate(0); }
}
