{% import "@SyliusShop/Common/Macro/money.html.twig" as money %}
{% import "@SyliusShop/Common/Macro/icons.html.twig" as icons %}

<button type="button"
    class="btn btn-icon btn-lg fs-xl btn-outline-secondary position-relative border-0 rounded-circle animate-scale me-3"
    data-bs-toggle="dropdown" id="sylius-cart-total" {{ sylius_test_html_attribute('cart-total') }}
    aria-label="Shopping cart"
    {{ sylius_test_html_attribute('cart-total') }}>
    
    {% if cart.items|length > 0 %}
        <span class="position-absolute top-0 start-100 badge fs-xs text-bg-primary rounded-pill mt-1 ms-n4 z-2"
              style="--cz-badge-padding-y: .25em; --cz-badge-padding-x: .42em">
            {{ cart.items|length }}
        </span>
    {% endif %}
    
    <i class="ci-shopping-bag animate-target me-1"></i>
</button>