.menu--search {
  flex-direction: column;
  align-items: start;
  --color-link-focus: var(--color-primary);
}

.menu--search .menu-item {
  width: 100%;
}

.menu--search a.button {
  padding: .75rem 2rem;
  font-size: 1.125rem;
}

.menu--search a.button .menu-item__title {
  order: -1;
}

.menu--search a:hover,
.menu--search a:focus,
.menu--search a:active,
.menu--search a.is-active {
  color: var(--color-link-focus);
  background-color: var(--color-white);
  text-decoration: none;
}
@media (min-width:1024px) {
  .menu--search {
    flex-direction: row;
    align-items: center;
  }

  .menu--search .menu-item {
    width: auto;
  }

}