/*----- Header desktop -----*/

.navbar {
  gap: 44px;
}

.navbar-item a {
  position: relative;
}

.navbar-item a:hover {
  color: var(--black);
}

.navbar-item a::after {
  position: absolute;
  right: 0;
  bottom: -4px;
  content: '';
  width: 100%;
  height: 2px;
  background-color: var(--black);
  transform: scale(0);
  transition: .2s;
}

.navbar-item a:hover::after {
  transform: scale(1);
}

.toggle-lang-btn:hover {
  background-color: var(--off-black);
}