#star-rating .star {
    font-size: 2.5rem;
    color: #9ca3af;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

#star-rating .star:hover,
#star-rating .star.fa-solid {
    color: #f59e0b;
    transform: scale(1.2);
}

.tada {
    animation: tada 0.8s;
}

@keyframes tada {
    0% {
        transform: scale(1);
    }
    10%, 20% {
        transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        transform: scale(1.1) rotate(-3deg);
    }
    100% {
        transform: scale(1) rotate(0);
    }
}