.nav-link {
  cursor: pointer;
  text-decoration: none;

  @media (min-width: 800px) {
    background-color: var(--header-background);
  }
}

body:not(.no-transition) .nav-link {
  transition: background-color 250ms var(--ease-out-quad), color 250ms var(--ease-out-quad);
}

@media (hover: hover) {
  .nav-link:hover {
    background-color: var(--header-background-hover);
  }
}