.rating {
    border: none;
    float: left;
}

.rating>label {
    color: #90A0A3;
    float: right;
}

.rating>label:before {
    margin: 5px;
    font-size: 2em;
    font-family: FontAwesome;
    content: "\f005";
    display: inline-block;
}

.rating>input {
    display: none;
}

.rating>input:checked~label,
.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label {
    color: #F79426;
}

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


.rating2 {
    border: none;
    float: left;
}

.rating2>label {
    color: #90A0A3;
    float: right;
}

.rating2>label:before {
    margin: 5px;
    font-size: 2em;
    font-family: FontAwesome;
    content: "\f005";
    display: inline-block;
}

.rating2>input {
    display: none;
}

/* .rating2>input:checked~label,
.rating2:not(:checked)>label:hover,
.rating2:not(:checked)>label:hover~label {
    color: #F79426;
} */
.rating2>input:checked~label{
    color: #F79426;
}

.rating4 {
    border: none;
    float: left;
}

.rating4>label {
    color: #90A0A3;
    float: right;
}

.rating4>label:before {
    margin: 5px;
    font-size: 1.5em;
    font-family: FontAwesome;
    content: "\f005";
    display: inline-block;
}

.rating4>input {
    display: none;
}

.rating4>input:checked~label {
    color: #F79426;
}

.rating3 {
    border: none;
    float: left;
}

.rating3>label {
    color: #90A0A3;
    float: right;
}

.rating3>label:before {
    margin: 5px;
    font-size: 2em;
    font-family: FontAwesome;
    content: "\f005";
    display: inline-block;
}

.rating3>input {
    display: none;
}
.rating5 {
    border: none;
    float: left;
}

.rating5>label {
    color: #90A0A3;
    float: right;
}

.rating5>label:before {
    margin: 5px;
    font-size: 1.5em;
    font-family: FontAwesome;
    content: "\f005";
    display: inline-block;
}

.rating5>input {
    display: none;
}