.rating-box {
    width: 100%;
    margin: 0 auto;
    background-color: white;
    text-align: left;
}
.rating-box > * {
    vertical-align: middle;
    padding: 0;
}
.rating-box input[type="radio"] {
    display: none;
}
.rating-box input[type="radio"]:checked ~ label::before {
    color: orange;
}
.rating-box label {
    display: inline-block;
    background-color: transparent;
    cursor: pointer;
}
.rating-box label::before {
    content: "\2605";
    font-family: traductorium;
    font-size: 20px;
    color: grey;
}
.rating-box label:hover::before {
    color: #69c069;
}
.rating-box label:hover ~ label::before {
    color: #69c069;
}

.rating-labels {width: 100%;direction: rtl;}
/***************************************************/
.rating-box2 {
    width: 100%;
    margin: 0 auto;
    background-color: white;
    text-align: left;
}
.rating-box2 > * {
    vertical-align: middle;
    padding: 0;
}
.rating-box2 input[type="radio"] {
    display: none;
}
.rating-box2 input[type="radio"]:checked ~ label::before {
    color: orange;
}
.rating-box2 label {
    display: inline-block;
    background-color: transparent;
    cursor: pointer;
}
.rating-box2 label::before {
    content: "\2605";
    font-family: traductorium;
    font-size: 20px;
    color: grey;
}
.rating-box2 label:hover::before {
    color: #69c069;
}
.rating-box2 label:hover ~ label::before {
    color: #69c069;
}

.rating-labels {width: 100%;direction: rtl;}