<div class="d-flex flex-wrap align-items-center justify-content-between gap-3">
    <div class="d-flex flex-wrap align-items-center gap-3">
        <button class="btn btn-primary icon-btn" type="button" disabled>
            <span class="spinner-border spinner-border-sm" aria-hidden="true"></span>
            <span class="visually-hidden" role="status">Loading...</span>
        </button>
        <button class="btn btn-primary bg-primary" type="button" disabled>
            <span class="spinner-border spinner-border-sm" aria-hidden="true"></span>
            <span class="ms-1" role="status">Loading...</span>
        </button>
    </div>
    <div class="d-flex flex-wrap align-items-center gap-3">
        <button class="btn btn-danger icon-btn" type="button" disabled>
            <span class="spinner-grow spinner-grow-sm" aria-hidden="true"></span>
            <span class="visually-hidden" role="status">Loading...</span>
        </button>
        <button class="btn btn-danger bg-danger" type="button" disabled>
            <span class="spinner-grow spinner-grow-sm" aria-hidden="true"></span>
            <span class="ms-1" role="status">Loading...</span>
        </button>
    </div>
    <div class="d-flex flex-wrap align-items-center gap-3">
        <button class="btn btn-success icon-btn text-success bg-success-subtle" type="button" disabled>
            <span class="spinner-border spinner-border-sm" aria-hidden="true"></span>
            <span class="visually-hidden" role="status">Loading...</span>
        </button>
        <button class="btn btn-success text-success bg-success-subtle" type="button" disabled>
            <span class="spinner-border spinner-border-sm" aria-hidden="true"></span>
            <span class="ms-1" role="status">Loading...</span>
        </button>
    </div>
    <div class="d-flex flex-wrap align-items-center gap-3">
        <button class="btn btn-info icon-btn text-info bg-info-subtle" type="button" disabled>
            <span class="spinner-grow spinner-grow-sm" aria-hidden="true"></span>
            <span class="visually-hidden" role="status">Loading...</span>
        </button>
        <button class="btn btn-info text-info bg-info-subtle" type="button" disabled>
            <span class="spinner-grow spinner-grow-sm" aria-hidden="true"></span>
            <span class="ms-1" role="status">Loading...</span>
        </button>
    </div>
</div>

<div class="d-flex flex-wrap align-items-center gap-5">
    <div class="spinner-border h-48px w-48px">
        <span class="visually-hidden">Loading...</span>
    </div>
    <div class="spinner-grow h-48px w-48px">
        <span class="visually-hidden">Loading...</span>
    </div>
</div>
<div class="d-flex flex-wrap align-items-center gap-5 ps-5">
    <div class="spinner-border" role="status">
        <span class="visually-hidden">Loading...</span>
    </div>
    <div class="spinner-grow" role="status">
        <span class="visually-hidden">Loading...</span>
    </div>
</div>
<div class="d-flex flex-wrap align-items-center gap-5 ps-5">
    <div class="spinner-border spinner-border-sm" role="status">
        <span class="visually-hidden">Loading...</span>
    </div>
    <div class="spinner-grow spinner-grow-sm" role="status">
        <span class="visually-hidden">Loading...</span>
    </div>
</div>