/* ---------------------------------- */
/* Контейнер рейтинга */
.rating {
  margin: 20px auto 0;
  width: 620px;
  display: flex;
  justify-content: flex-start;
}

.rating .scale {
  display: flex;
  gap: 12px;
}

/* кнопка */
.rating button {
  all: unset;
  cursor: pointer;
  display: flex;
}

/* SVG перцы */
.rating img {
  width: 20px;
  height: 20px;
  display: block;
  opacity: 0.35; 
  transition: opacity 0.2s ease;
}

/* активные */
.rating button.active img {
  opacity: 1;
}

/* после голосования */
.rating.voted button {
  pointer-events: none;
  cursor: default;
}

/* ---------------------------------- */
/* Мобильная адаптация */
@media (max-width: 640px) {
  .rating {
    width: 90%;
    margin: 16px auto 0;
  }

  .rating img {
    width: 22px;
    height: 22px;
  }

  .rating .scale {
    gap: 14px;
  }
}