Badges

                
<span class="badge d-flex align-items-center d-inline-flex rounded-pill text-bg-linear-1 mb-3 px-3 py-2">
    <span>These are badges</span>
    <span class="rounded-pill ms-2 fs-9 bg-primary text-white px-2 py-1"> 10 </span>
</span>
<br />
<span class="badge d-flex align-items-center d-inline-flex rounded-pill text-bg-success mb-3 px-3 py-2">
    <span>These are badges</span>
    <span class="rounded-pill ms-2 fs-9 tag text-white px-2 py-1"> 10 </span>
</span>
<br />
<span class="badge d-flex align-items-center d-inline-flex rounded-pill text-bg-danger mb-3 px-3 py-2">
    <span>These are badges</span>
    <span class="rounded-pill ms-2 fs-9 bg-danger text-white px-2 py-1"> 10 </span>
</span>
<br />
<span class="badge d-flex align-items-center d-inline-flex rounded-pill text-bg-warning mb-3 px-3 py-2">
    <span>These are badges</span>
    <span class="rounded-pill ms-2 fs-9 bg-warning text-white px-2 py-1"> 10 </span>
</span>
<br />
<span class="badge d-flex align-items-center d-inline-flex rounded-pill text-bg-info mb-3 px-3 py-2">
    <span>These are badges</span>
    <span class="rounded-pill ms-2 fs-9 tag text-white px-2 py-1"> 10 </span>
</span>

<div class="mb-3 d-flex align-items-center bg-linear-1 d-inline-flex rounded-pill px-2 py-1">
    <span class="bg-primary fs-9 fw-bold rounded-pill px-2 py-1 text-white">New</span>
    <span class="fs-7 fw-medium text-primary mx-2">Free Lifetime Update</span>
    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
        <path d="M10.3125 5.5625L14.4375 9.5L10.3125 13.4375" stroke="#6342EC" stroke-width="1.125" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M14.25 9.5H3.5625" stroke="#6342EC" stroke-width="1.125" stroke-linecap="round" stroke-linejoin="round"></path>
    </svg>
</div>
<div class="mb-3 d-flex align-items-center justify-content-center bg-primary-soft border border-2 border-white d-inline-flex rounded-pill px-4 py-2">
    <img src="assets/imgs/features-1/dots.png" alt="infinia" />
    <span class="tag-spacing fs-7 fw-bold text-linear-2 ms-2 text-uppercase">Our Features</span>
</div>
<div class="mb-3 border-linear-1 rounded-pill d-inline-block mb-3">
    <div class="text-primary bg-white px-4 py-2 rounded-pill fw-medium position-relative z-2">🚀 Free Lifetime Update</div>
</div>