<nav class="navigation">
  <button aria-expanded="false" aria-controls="menu">
    <svg id="i-menu" aria-label="Menu" viewBox="0 0 32 32" width="16" height="16" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="6.25%">
      <path d="M4 8 L28 8 M4 16 L28 16 M4 24 L28 24"></path>
    </svg>
   </button>

  <ul id="menu" hidden>
    <li><a href="/">Home</a></li>
    <li><a href="/benefits">Benefits</a></li>
    <li><a href="/pricing">Pricing</a></li>
    <li><a href="/blog">Blog</a></li>
  </ul>
</nav>