.estrelas-wrapper {
  position: relative;
  display: inline-block;
  font-size: 1.2rem;
  color: #26005E12; /* cor das estrelas vazias */
  font-family: Arial, sans-serif;
}

.estrelas-vazias {
  color: #ffd70050;
}

.estrelas-cheias {
  color: gold;
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  overflow: hidden;
  pointer-events: none;
  transition: width 2300ms ease-out;
}