Multi Select Checkbox: Default

<div class="hgm-form" style="margin: 30px 0">

    <div id="hgmMultiselectCheckbox" class="hgm-multiselect-checkbox">
        <label for="hgmMultiselectCheckboxButton">Label for Multiselect Checkbox</label>
        <button id="hgmMultiselectCheckboxButton" class="hgm-multiselect-checkbox__button" aria-expanded="false" aria-labelledby="hgmMultiselectCheckbox"><span>- Any -</span> <i aria-hidden="true" class="fa-regular fa-chevron-down fa-sm"></i>
        </button>
        <fieldset class="hgm-multiselect-checkbox__fieldset" aria-labelledby="hgmMultiselectCheckbox">

            <div class="hgm-multiselect-checkbox__search">
                <label class="sr-only" for="exampleInput">Search...</label>
                <input type="text" id="exampleInput" placeholder="Search...">
            </div><!-- &__search -->

            <div class="hgm-multiselect-checkbox__checkboxes">
                <div class="hgm-multiselect-checkbox__checkbox">
                    <div>
                        <label>
                            <input id="exampleCheckbox1" type="checkbox" />
                            Example checkbox</label>
                    </div>
                    <span class="hgm-badge">20</span>
                </div><!-- &__checkbox -->
                <div class="hgm-multiselect-checkbox__checkbox">
                    <div>
                        <label>
                            <input id="exampleCheckbox2" type="checkbox" />
                            Example checkbox with longer label</label>
                    </div>
                    <span class="hgm-badge">25</span>
                </div><!-- &__checkbox -->
                <div class="hgm-multiselect-checkbox__checkbox">
                    <div>
                        <label>
                            <input id="exampleCheckbox3" type="checkbox" />
                            Example checkbox</label>
                    </div>
                    <span class="hgm-badge">2</span>
                </div><!-- &__checkbox -->
                <div class="hgm-multiselect-checkbox__checkbox">
                    <div>
                        <label>
                            <input id="exampleCheckbox4" type="checkbox" />
                            Example checkbox</label>
                    </div>
                    <span class="hgm-badge">35</span>
                </div><!-- &__checkbox -->
                <div class="hgm-multiselect-checkbox__checkbox">
                    <div>
                        <label>
                            <input id="exampleCheckbox5" type="checkbox" />
                            Example checkbox</label>
                    </div>
                    <span class="hgm-badge">44</span>
                </div><!-- &__checkbox -->
                <div class="hgm-multiselect-checkbox__checkbox">
                    <div>
                        <label>
                            <input id="exampleCheckbox6" type="checkbox" />
                            Example checkbox</label>
                    </div>
                    <span class="hgm-badge">8</span>
                </div><!-- &__checkbox -->
            </div><!-- &__checkboxes -->
        </fieldset><!-- &__fieldset -->
    </div><!-- hgm-multiselect-checkbox -->

</div>