.menu-item {
  margin-bottom: 0;
  padding: var(--spacing) var(--spacing);
  position: relative;
}

.menu-item__link-wrapper {
  display: flex;
  gap: var(--spacing);
}

.menu-item__expand-sub {
  display: none;
}

.menu-item__expand-sub .icon {
  margin: 0;
  height: 100%;
  width: 100%;
}

.menu-item__expand-sub[aria-expanded="true"] .icon {
  transform: rotateZ(90deg);
}

.js .menu-item__expand-sub {
  border-radius: 0;
  color: inherit;
  display: block;
  height: var(--spacing-4);
  padding: 0;
  width: var(--spacing-4);
}

.js .menu-item > .menu__submenu-wrapper {
  visibility: hidden;
  height: 0;
  overflow: hidden;
  width: 0;
}

.js .menu-item > .menu__submenu-wrapper--expanded {
  height: auto;
  visibility: visible;
  width: auto;
}