<div class="rating-star-container">
    <label>
        <input class="rating-star-input" type="checkbox" checked disabled>
        <i class="fas fa-star rating-star-icon"></i>
    </label>
    <label>
        <input class="rating-star-input" type="checkbox" checked disabled>
        <i class="fas fa-star rating-star-icon"></i>
    </label>
    <label>
        <input class="rating-star-input" type="checkbox" disabled>
        <i class="fas fa-star rating-star-icon"></i>
    </label>
    <label>
        <input class="rating-star-input" type="checkbox" disabled>
        <i class="fas fa-star rating-star-icon"></i>
    </label>
    <label>
        <input class="rating-star-input" type="checkbox" disabled>
        <i class="fas fa-star rating-star-icon"></i>
    </label>
    <span class="rating-star-separator">|</span>
    <span class="rating-star-number">13</span>
</div>

<!-- Rating badge, read only -->
<div class="rating-badge">
    <span class="rating-badge-number">2</span>
    <span class="rating-badge-star"><i class="fas fa-star"></i></span>
    <span class="rating-badge-number">|</span>
    <span class="rating-badge-number">13</span>
</div>