<input type="checkbox" hidden id="menu-toggler">

<header>
  <label for="menu-toggler" class="btn" role="button">Toggle menu</label>
</header>

<nav>
  <ul>
    <li><a href="">Menu item</a></li>
    <li><a href="">Menu item</a></li>
    <li><a href="">Menu item</a></li>
    <li><a href="">Menu item</a></li>
    <li><a href="">Menu item</a></li>
  </ul>
</nav>

nav {
  display: none
}

#menu-toggler:checked ~ nav {
  display: block
}

.btn {
  display: button;
  margin: 20px;
  padding: 10px 20px;
  background: #f54;
  color: #fff;
  border: 2px solid;
  border-radius: 10px;
  cursor: pointer;
}