.stars {
  display: inline-flex;
  position: relative;
  font-size: 1.5rem;
  color: rgb(250, 175, 0);
  cursor: pointer;
  text-align: left;
  width: min-content;
  -webkit-tap-highlight-color: transparent;
  pointer-events: none;
}

.star {
  display: flex;
  pointer-events: none;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);

  & > svg {
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    font-size: inherit;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
  }
}
