.mobile-nav-close {
  display: none;
}

@media (max-width: 991.98px) {
  .mobile-nav-close {
    display: grid;
    place-items: center;
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 50%;
    background: var(--soft);
    color: var(--ink);
    font-size: 1.35rem;
    cursor: pointer;
    z-index: 1;
  }

  .mobile-nav-close:hover,
  .mobile-nav-close:focus-visible {
    background: var(--brand);
    color: #fff;
    outline: 0;
  }

  body.nav-open {
    overflow: hidden;
  }
}