/* Generic style shared by most menus. */
.menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: var(--spacing);
  flex-wrap: wrap;
  align-items: center;
}

.menu {
  margin: 0;
  padding: 0;
}

.menu a {
  display: flex;
  align-items: center;
  gap: .5em;
}

.menu a svg {
  width: 1em;
  height: auto;
  path{
    fill: currentColor
  }
}

.menu a.button{
  --button-bg: var(--color-secondary-a);
  padding: var(--spacing);
  border: 1px solid;
}