.reviews {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  margin-bottom: 8px;

  &-count {
    @include font-size(12);
    @include line-height(16);
    color: $warm-grey;
    display: inline-block;
    margin-left: 3px;
  }

  .rating-bg {
    color: $gray;
    position: relative;

    .fa-star {
      margin-right: 0;
    }
  }

  .rating-overlay {
    color: $yellow;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
  }

  .star-overlay {
    display: inline-block;
    overflow: hidden;

    & + .star-overlay {
      margin-left: 3.3px;
    }
  }
}

.why-not-add {
  .reviews {
    margin-bottom: 7px;

    .rating-bg {
      .fa-star {
        @include font-size(8.4);
      }
    }

    .star-overlay {
      & + .star-overlay {
        margin-left: 3px;
      }
    }
  }
}