.star {
  color: gold;
  font-size: 2rem;

}

.star-rating-wrapper {
  display: inline-block;
  height: 30px;
  position: relative;
}
.star-rating-wrapper .empty-stars-element {
  background: url('star-unified-empty.svg') repeat-x;
  background-size: 30px auto;
  height: 100%;
  width: 150px;
}
.star-rating-wrapper .stars-element {
  background: url('star-full.svg') repeat-x;
  background-size: 30px auto;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 0%;
  pointer-events: none;
  transition: width 0.1s ease-in-out;
}

.pointer{
  cursor: pointer;
}



.star-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  z-index: 10;
}
.star-zone {
  flex: 1;
  height: 100%;
}