.rate {
    color: #ccc; /* Default star color */
    cursor: pointer;
}

.rate .fa-star {
    margin-right: 5px;
}

.rate .fa-star:hover,
.rate .fa-star:hover ~ .fa-star,
.rate .fa-star.active,
.rate .fa-star.active ~ .fa-star {
    color: #ffdd00; /* Active star color */
}