.rating-box {
    padding: 5px 0;
    display: block;
}

.rating-box .stars {
    font-size: 28px;
    display: flex;
    cursor: pointer;
    gap: 8px;
}

/* Default: light grey star (no border) */
.rating-box .stars .star-icon {
    color: #e8e7e9;
    transition: color 0.3s ease, transform 0.3s ease;
}

/* Active & Hover: golden filled star (no border) */
.rating-box .stars .star-icon.active {
    color: #FFB300; 
    transform: scale(1.15);
}
.rating-box .stars .star-icon.hovering {
    color: #FFB300;
    transform: scale(1.1);
}