.NextPrev {
  list-style: none;
  padding: 0;
  margin: 0;
  grid-column: 1 / -1;
  display: flex;
  grid-template-columns: 1fr 1fr;
  background-color: var(--orange-back-light);
  background: var(--orange-peach-gradient);
  border-top: 1rem solid var(--orange-border);
  position: relative;
  gap: var(--size-default);
  flex-wrap: wrap;
}

@media (max-width: 500px) {
  .NextPrev {
    display: flex;
    flex-direction: column;
  }
}

.NextPrev li {
  margin: 0;
  min-width: min(100%, 35rem);
  flex: 1;
}

.NextPrev-prev {
  max-inline-size: none;
  grid-column: 1 / 1;
}
.NextPrev-next {
  max-inline-size: none;
  grid-column: 2 / 2;
}

.NextPrev a {
  padding: var(--size-default) var(--size-l1) var(--size-default)
    var(--size-default);
  display: flex;
  justify-content: center;
  align-items: center;
  text-wrap: balance;
  cursor: pointer;
}
.NextPrev-next a {
  justify-content: start;
}
.NextPrev-prev a {
  justify-content: end;
}