.srs-stars {
    display: inline-block;
}

.srs-star {
    font-size: 24px;
    cursor: pointer;
    color: #ccc; /* Default unhighlighted color */
    display: inline-block;
    transition: color 0.2s;
}

/* When the parent is hovered, highlight all stars */
.srs-stars:hover .srs-star {
    color: #f39c12;
}

/* Unhighlight stars after the hovered star */
.srs-star:hover ~ .srs-star {
    color: #ccc;
}