.star-off {
  width: 14px;
  height: 14px;
  background: url('../images/star-empty.svg') no-repeat;
}

.star-on {
  width: 14px;
  height: 14px;
  background: url('../images/star.svg') no-repeat;
}

.star-half {
  width: 14px;
  height: 14px;
  background: url('../images/star-half.svg') no-repeat;
}

.rate-values .rate-image {
  display: inline-block;
}

.rp-starrating.interactive .rate-values .rate-image {
  transition: all;
  transition-delay: 0;
  cursor: pointer;
}

.rp-starrating.interactive .rate-values:hover .rate-image:nth-child(2) {
  transition-delay: 30ms;
}

.rp-starrating.interactive .rate-values:hover .rate-image:nth-child(3) {
  transition-delay: 60ms;
}

.rp-starrating.interactive .rate-values:hover .rate-image:nth-child(4) {
  transition-delay: 90ms;
}

.rp-starrating.interactive .rate-values:hover .rate-image:nth-child(5) {
  transition-delay: 120ms;
}

.rp-starrating.interactive .rate-values:hover .rate-image {
  background-image: url('../images/star.svg');
}

.rp-starrating.interactive .rate-values .rate-image:hover ~ .rate-image {
  background-image: url('../images/star-empty.svg');
}