62Drawer

<div>
<button class="ns-btn ns-btn--outline" data-open><i class="ph ph-list" aria-hidden="true"></i> Open drawer</button>
<dialog class="ns-drawer ns-drawer--start" aria-label="Menu">
  <div class="ns-drawer__header">
    <strong>Menu</strong>
    <button type="button" class="ns-btn ns-btn--quiet ns-btn--icon ns-btn--sm" style="margin-inline-start:auto" aria-label="Close menu" data-close>
      <i class="ph ph-x" aria-hidden="true"></i></button>
  </div>
  <div class="ns-drawer__body">
    <a class="ns-menu__item" href="#">Courses</a>
    <a class="ns-menu__item" href="#">Training</a>
    <a class="ns-menu__item" href="#">Docs</a>
  </div>
</dialog>
</div>