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