.star-rating .star {
    cursor: pointer;
    font-size: 2rem;
    color: #d1d5db;
    transition: color 0.15s;
    user-select: none;
}

.star-rating .star.active {
    color: #f59e0b;
}

.rate-pill {
    animation: rate-pulse 1.5s ease-in-out infinite;
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
}

@keyframes rate-pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
    }
    50% {
        transform: scale(1.1);
        box-shadow: 0 0 0 6px rgba(239, 68, 68, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
    }
}