.ratings .ratings-stars {
  font-size: 0.8rem;
}
.ratings .ratings-stars span.star {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  margin: 0;
  background: url(../../images/star-empty.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.ratings .ratings-stars span.star.half {
  background: url(../../images/star-half.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.ratings .ratings-stars span.star.full {
  background: url(../../images/star-full.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.ratings.small .ratings-stars span.star {
  width: 15px;
  height: 15px;
}
.ratings.white {
  color: white;
}
.ratings.white .ratings-stars span.star {
  background: url(../../images/star-empty-white.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.ratings.white .ratings-stars span.star.half {
  background: url(../../images/star-half-white.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.ratings.white .ratings-stars span.star.full {
  background: url(../../images/star-full-white.svg);
  background-size: contain;
  background-repeat: no-repeat;
}