.nav {
  --menu-gap: 20px;
  --menu-padding: 20px;

  padding: var(--menu-padding) 0;
}

.nav__wrapper {
  padding: 30px 0;
  margin: -30px 0;
  width: 100%;
  overflow-x: auto;
}

.nav__list {
  display: flex;
  gap: var(--menu-gap);
}

.nav__item {
  flex-shrink: 0;
}

.nav__link:hover {
  transform: translateY(-5px);
}