#submenu {
  position: absolute;
  top: 100%;
  left: 0;

  width: 100%;
  height: 0px;
  background-color: white;

  display: flex;
  align-items: center;
  justify-content: center;

  transition: height 0.3s ease;
  overflow: hidden;
}

.submenu--active {
  height: 30px !important;
}

.submenu__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
  width: fit-content;
}

.submenu__nav__link {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0em;
  text-align: left;
  color: #878787;
  text-decoration: none;
  text-transform: uppercase;
}