.rating {
  display: flex;
  align-items: center
}
.rating__item {
  width: 2rem;
  height: 2rem;
  background-image: url(../img/svg/star.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain
}
.rating__item:not(:last-child) {
  margin-right: .3rem
}
.rating__item_empty {
  background-image: url(../img/svg/star-empty.svg)
}
@media (max-width:48em) {
  .rating__item {
    width: 3.2rem;
    height: 3.2rem
  }
  .rating__item:not(:last-child) {
    margin-right: .6rem
  }
}