.star-rating {
  display: flex;
  direction: rtl;
  justify-content: end;
}

.star-rating input {
  display: none;
}

.star-rating label {
  font-size: 4rem;
  color: lightgray;
  cursor: pointer;
  transition: color 0.2s;
}

.star-rating label:not(.without-star)::after {
  content: "★";
}

.star-rating input:checked ~ label,
.star-rating label:hover,
.star-rating label:hover ~ label {
  color: #f5852a;
}

/* Стили для отображения подсвеченных звезд на основе выбранной */
.star-rating input:checked ~ label:hover,
.star-rating label:hover ~ input:checked ~ label {
  color: #f5852a;
}