Как etsy помещает div в кнопки, позволяя нажимать на весь div?

Question

<button class="unstyled-button text-gray-darker text-decoration-none width-full" id="shop-mgr-button" aria-expanded="true" aria-owns="marketplace-selector-100563">
    <div class="flag">
        <span class="flag-img pr-xs-1">
            <img alt="" class="icon-b-2 seller-nav-icon" src="/images/seller-tools/shop_manager.001.svg">
        </span>
        <h2 class="screen-reader-only">Marketplace selector</h2>
        <div class="flag-body animated left-negative-2px animated-fade-in">
            <div class="h3 mb-xs-0"><!-- react-text: 22 -->Shop Manager<!-- /react-text -->
            <span class="ss-icon ss-dropdown icon-smallest text-gray-lightest pl-xs-1" aria-hidden="true"></span>
            </div>
            <div class="strong grace-name text-gray-lighter">
            </div>
        </div>
    </div>
</button>

Я читал, что недопустимо помещать div внутри кнопок. Но как etsy может это сделать, и при этом можно нажимать на весь элемент кнопки?