.StarRatingLabel {
    font-size: 1.8rem;
}

.StarRating {
    display: none;
}

.clasificacion {
    direction: rtl;
    unicode-bidi: bidi-override;
}

p > input[type="radio"]:checked ~ label, p > .StarRatingLabel:hover, p > .StarRatingLabel:hover ~ label {
    color: orange;
}

    p > input[type="radio"]:checked + label:hover, p > input[type="radio"]:checked ~ label:hover,
    p > label:hover ~ input[type="radio"]:checked ~ label,
    p > input[type="radio"]:checked ~ label:hover ~ label {
        color: orange;
        opacity: 0.6;
    }