@keyframes gentlePulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.4);
    }
    70% {
        transform: scale(1.03);
        box-shadow: 0 0 0 5px rgba(13, 110, 253, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(13, 110, 253, 0);
    }
}
.animate-pulse-gentle {
    display: inline-block;
    animation: gentlePulse 2s infinite ease-in-out; 
    transition: transform 0.2s ease;
}
.animate-pulse-gentle:hover {
    animation: gentlePulse 2s infinite ease-in-out; 
}