header > a:nth-child(2),
header .close {
  border: 1px solid transparent;
  transition: background-color .28s ease, color .28s ease, border-color .28s ease;
}

@media (hover: hover) {
  header > a:nth-child(2):hover,
  header .close:hover {
    border-color: var(--nav-hover-line, #111);
    background: var(--nav-hover-bg, #fff);
    color: var(--nav-hover-fg, #111);
  }
}

header > a:nth-child(2):focus-visible,
header .close:focus-visible {
  border-color: var(--nav-hover-line, #111);
  background: var(--nav-hover-bg, #fff);
  color: var(--nav-hover-fg, #111);
  outline: none;
}