.star-rating-input {
  direction: rtl; /* estrelas da direita para esquerda */
  display: inline-flex;
  gap: 5px;
}

.star-rating-input input {
  display: none;
}

.star-rating-input label {
  font-size: 2rem;
  color: #ccc;
  cursor: pointer;
}

.star-rating-input input:checked ~ label,
.star-rating-input label:hover,
.star-rating-input label:hover ~ label {
  color: #f5c518; /* amarelo estilo estrela */
}