.rating-modal {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    cursor: pointer;
}

.rate-star {
    font-size: 50px;
    color: #ccc;
    transition: color 0.2s, transform 0.2s;
}

.rate-star:hover, .rate-star:hover ~ .rate-star {
    color: #ffdd00;
    transform: scale(1.2);
}

.rate-star.selected, .rate-star.selected ~ .rate-star {
    color: #ffdd00;
}