Mobile Menu Toggle Button

<button aria-controls="menu" aria-expanded="false" data-vanilla-module="MobileMenuToggle" class="w-8 h-6 block relative transform lg:hidden text-bravo group" data-state="off">
    <span aria-hidden="true" class="block rounded-md absolute h-1 w-8 bg-current transform transition duration-500 ease-in-out group-data-[state=off]:-translate-y-2 group-data-[state=on]:rotate-45"></span>
    <span aria-hidden="true" class="block rounded-md absolute h-1 w-8 bg-current  transform transition duration-500 ease-in-out group-data-[state=on]:opacity-0"></span>
    <span aria-hidden="true" class="block rounded-md absolute h-1 w-8 bg-current transform  transition duration-500 ease-in-out group-data-[state=off]:translate-y-2 group-data-[state=on]:-rotate-45"></span>
    <span class="sr-only">Toggle Menu</span>
</button>