.rating-text{float: right;}


.rating {
  display: inline-flex;
  gap: 4px;
}

.rating .star {
  width: 20px;
  height: 20px;
  cursor: pointer;

  /* پایه ستاره */
  background-color: #ccc;

  /* شکل ستاره */
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E") no-repeat center;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E") no-repeat center;

  -webkit-mask-size: cover;
  mask-size: cover;

  background-clip: content-box;
}

/* پر شده */
.rating .star.full {
  background-color: gold;
}

/* نیم ستاره واقعی */
.rating .star.half {
  background: linear-gradient(-90deg, gold 50%, #ccc 50%);
}
.vote button {
  cursor: pointer;
  font-size: 16px;
  background: none;
  border: none;
}

.vote button.active {
  transform: scale(1.2);
}
.like-btn {
  background: transparent;
  border: 0;
  outline: none;
  padding: 0;
  cursor: pointer;
  font-size: 16px;
}
.vote {
 float: right;
}