.menu-dropdown {
  position: absolute;
  top: var(--header-height);
  left: 0;
  transition: opacity var(--default-transition-params);
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  background-color: #363840;

  &__inner {
    display: flex;
    .menu-dropdown__item + .menu-dropdown__item {
      border-left: 1px solid rgba(83, 85, 94, 0.5);
    }
  }

  &__links-column {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    padding: 2.4rem 3.2rem;
    &-container {
      display: flex;
      gap: 1.6rem;
    }
    &-item {
      display: flex;
      flex-direction: column;
      gap: 1.6rem;
    }

    &-title {
      font-size: 1.8rem !important;
      color: $white !important;
      margin-bottom: 1.6rem;
      &:hover {
        color: $white-600 !important;
      }
    }

    &-content {
      width: 22rem;
      color: $white;
    }

    a:not(.button) {
      display: flex;
      white-space: nowrap;
      font-size: 1.6rem;
      color: $white-800;
      text-decoration: none;
      min-width: 14rem;
      transition: color var(--default-transition-params);

      &:hover,
      &:active {
        color: $white-600;
        img {
          opacity: 0.6;
        }
      }
    }

    .button-link {
      min-width: auto !important;
      align-self: flex-start;
      --button-link-normal-text-color: #{$white-600};
      &:hover {
        --button-link-normal-text-color: #{$white-400};
      }
    }
  }
}