.rating {
  display: flex;
  align-items: center;
}

[class*=rating-item-]::before {
  content: "";
  font-family: "Material Design Icons", fantasy;
  content: "\F04D2";
}

.rating-1 .rating-item-1::before {
  content: "\F04CE";
}

.rating-2 .rating-item-1::before, .rating-2 .rating-item-2::before {
  content: "\F04CE";
}

.rating-3 .rating-item-1::before, .rating-3 .rating-item-2::before, .rating-3 .rating-item-3::before {
  content: "\F04CE";
}

.rating-4 .rating-item-1::before, .rating-4 .rating-item-2::before, .rating-4 .rating-item-3::before, .rating-4 .rating-item-4::before {
  content: "\F04CE";
}

.rating-5 [class*=rating-item-]::before {
  content: "\F04CE";
}