header nav {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}

.city-link {
  padding: .25rem .45rem;
  background: var(--red);
  color: #fff;
  text-decoration: none;
  font-size: .69rem;
  font-weight: 900;
  letter-spacing: .09em;
}

.city-link:hover {
  background: var(--blue);
}

@media (max-width: 520px) {
  header nav {
    gap: .5rem;
  }

  .back,
  .city-link {
    font-size: .56rem;
  }
}