Toolbar

<div class="d-flex">
    <div class="card bg-primary text-white border-0">
        <div class="d-flex align-items-center py-3">
            <div class="px-3 border border-white border-top-0 border-start-0 border-bottom-0">
                <small class="fw-bold"> <span id="toolbar-count" class="badge bg-secondary me-1">2</span> result(s) selected </small>
            </div>
            <div class="pe-3 actions">
                <a class="actions-item" tabindex="0">
                    <i class="material-icons small text-white align-middle" data-bs-toggle="tooltip" tabindex="0" data-bs-placement="top" title="" data-bs-title="Sync content for all selected URLs and selected languages">refresh</i>
                </a>
                <a class="actions-item" tabindex="0">
                    <i class="material-icons small text-white align-middle" data-bs-toggle="tooltip" tabindex="0" data-bs-placement="top" title="" data-bs-title="Add translations to cart for all selected URLs and selected languages">shopping_basket</i>
                </a>
                <a class="actions-item" tabindex="0">
                    <i class="material-icons small text-white align-middle" data-bs-toggle="tooltip" tabindex="0" data-bs-placement="top" title="" data-bs-title="Delete all selected URLs">delete</i>
                </a>
                <span class="dropdown">
                    <a class="actions-item dropdown-toggle dropdown-no-caret" tabindex="0" role="button" aria-label="Options" data-bs-toggle="dropdown">
                        <i class="material-icons h2 text-white align-middle" aria-hidden="true">more_vert</i>
                    </a>
                    <span class="dropdown-menu">
                        <a class="dropdown-item" tabindex="0">Export</a>
                    </span>
                </span>
            </div>
        </div>
    </div>
</div>