<div class="reviews">
  <div class="rating-bg">
    <i class="fa fa-star star-in" aria-hidden="true"></i>
    <i class="fa fa-star star-in" aria-hidden="true"></i>
    <i class="fa fa-star star-in" aria-hidden="true"></i>
    <i class="fa fa-star star-in" aria-hidden="true"></i>
    <i class="fa fa-star star-in" aria-hidden="true"></i>

    <div
        class="rating-overlay"
        data-rating="{{#if externalAverageRating}}{{externalAverageRating}}{{else}}0{{/if}}"
    >
      <span class="star-overlay"><i class="fa fa-star" aria-hidden="true"></i></span>
      <span class="star-overlay"><i class="fa fa-star" aria-hidden="true"></i></span>
      <span class="star-overlay"><i class="fa fa-star" aria-hidden="true"></i></span>
      <span class="star-overlay"><i class="fa fa-star" aria-hidden="true"></i></span>
      <span class="star-overlay"><i class="fa fa-star" aria-hidden="true"></i></span>
    </div>

    <span class="{{#if countClass}}{{countClass}}{{else}}reviews-count{{/if}}">(<span class="{{#if countValueClass}}{{countValueClass}}{{else}}reviews-count-value{{/if}}">{{#if externalReviewCount}}{{externalReviewCount}}{{else}}0{{/if}}</span>)</span>
  </div>
</div>