.Nav {
  list-style: none;
  margin: auto 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
  max-inline-size: none;
  padding: var(--size-small) var(--size-default);
  column-gap: var(--size-small);
  width: 100%;
}

.Nav a {
  display: block;
}
.Nav li {
  margin: 0;
  padding: 0;
}

.Nav .Button {
  --button-padding: 0.5rem 1.2rem 0.35rem;
  --button-gap: 0.5em;
  --button-bg: var(--orange-back-light);
  --button-bg-gradient: var(--orange-light-gradient-small);
  --button-color: var(--orange-text);
  --button-border-width: 1px;
  --button-border-style: solid;
  --button-border-color: var(--orange-border);
  --button-radius: 0.25em;
  --button-font-weight: 800;
  --button-font-size: var(--font-size-small);
  text-align: center;
  margin-block-start: 0.5rem;

}