<div class="Badge-type">Text with a badge<span class="count1">4</span></div>
<div class="Badge-type">Text with large badge<span class="count2">1</span></div>
<div class="Badge-type">Button with a badge on the left
    <button class="button1">Action</button>
    <span class="count3">8</span>
</div>
<div class="Badge-type">Button toggles badge visibility
    <button class="button2">Hide</button>
    <span class="count4">9</span>
</div>
<div class="Badge-type">Icon with a badge
    <span class="icon-badge">
        <i class="fas fa-home"></i>
    </span>
    <span class="count5">15</span>
</div>