.star-rating {
  direction: rtl;
  unicode-bidi: bidi-override;
  display: inline-block;
}
.star-rating input[type="radio"] {
  display: none;
}
.star-rating .star {
  font-size: 2rem;
  color: #ccc;
  cursor: pointer;
}
.star-rating input[type="radio"]:checked ~ .star,
.star-rating .star:hover,
.star-rating .star:hover ~ .star {
  color: gold;
}