.rating {
    direction: rtl;
    display: inline-flex;
    unicode-bidi: bidi-override;
}

.rating>input {
    display: none;
}

.rating>label {
    color: #ccc;
    cursor: pointer;
    transition: color 0.2s;
}

.rating>input:checked~label,
.rating>label:hover,
.rating>label:hover~label {
    color: #ffc107;
}