.mobile-menu {
  width: 100%;
  min-height: 0px;
  max-height: 0px;
  background-color: var(--black);
  overflow: hidden;
  transition: max-height var(--mobile-menu-animate-duration) ease-in-out;
}

.mobile-menu__container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
}

.mobile-menu__element {
  padding: 8px;
  border: solid 2px transparent;
  border-radius: 6px;
  cursor: pointer;
  color: var(--white);
  transition: all 0.3s ease-out;
}

.mobile-menu__element:hover {
  border-color: var(--gold);
  color: var(--gold);
  transform: translate(1px, -1px);
}

.mobile-menu__label {
  font-weight: 600;
}