.rating-container { 
  display: flex;
  border: none;
  margin-bottom: 20px;
  /* float: left; */
}
.rating-stars{
  margin-top: -5px;
  margin-right: 10px;
}
.label-rating { margin: 0; padding: 0; }

.rating-stars > input { display: none; } 
.rating-stars > label:before { 
  margin:1px;
  font-size:22px;
  display: inline-block;
  content: "★";
}
.rating-stars > label { 
  color: #ddd; 
  float: right; 
 }

.rating-stars label:last-of-type:before{
  content:"\2605";
  color: rgba(0,0,0,0);
}
.rating-stars > input:checked ~ label, 
.rating-stars:not(:checked) > label:hover,
.rating-stars:not(:checked) > label:hover ~ label { color: gold;  }

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