.rate {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 5px;
}

.rate input[type="radio"] {
    display: none;
}

.rate label {
    font-size: 3rem;
    color: #ccc;
    cursor: pointer;
}

.rate input[type="radio"]:checked ~ label,
.rate label:hover,
.rate label:hover ~ label {
    color: gold;
}