@media (max-width:650px) {
  .menu-toggle {
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:10px 13px;
    border:1px solid #075ac7;
    border-radius:7px;
    background:#0869db;
    color:#fff;
    font:800 12px 'DM Sans',Arial,sans-serif;
    letter-spacing:.08em;
    text-transform:uppercase;
    box-shadow:0 2px 0 #034b9f;
  }

  .menu-toggle::before { content:'☰'; font-size:16px; line-height:1; }
  .menu-toggle:hover, .menu-toggle:focus-visible { background:#035cbe; outline:2px solid #9bc8ff; outline-offset:2px; }
}