<button
class="absolute top-0 left-0 flex items-center h-full px-5 lg:hidden"
@click="mobileMenuOpen = !mobileMenuOpen"
>
<span x-show="mobileMenuOpen">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path fill="#FFF" fill-rule="evenodd" d="M1.786.306 8 6.521 14.214.306a1.046 1.046 0 1 1 1.48 1.48L9.479 8l6.215 6.214a1.046 1.046 0 0 1-1.48 1.48L8 9.479l-6.214 6.215a1.046 1.046 0 0 1-1.48-1.48L6.521 8 .306 1.786a1.046 1.046 0 1 1 1.48-1.48Z"/>
</svg>
</span>
<span x-show="!mobileMenuOpen">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="18" viewBox="0 0 20 18">
<path fill="#FFF" fill-rule="evenodd" d="M18.75 14.625a1.25 1.25 0 0 1 0 2.5H1.25a1.25 1.25 0 0 1 0-2.5h17.5Zm0-6.875a1.25 1.25 0 0 1 0 2.5H1.25a1.25 1.25 0 0 1 0-2.5h17.5Zm0-6.875a1.25 1.25 0 0 1 0 2.5H1.25a1.25 1.25 0 1 1 0-2.5h17.5Z"/>
</svg>
</span>
</button>