.pagination-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2rem 0;
}

.pagination-wrapper * {
  color: #fff;
}

.pagination-wrapper a {
  text-decoration: none;
}

.pagination-wrapper span {
  display: inline-block;
  font-weight: bold;
  border-radius: 4px;
  transition: 0.1s;
}

.pagination-bar {
  padding: 0 1.5em;
  background-color: #69b547;
  border-radius: 999px;
}

.pagination-number {
  padding: 0.5em 0.5em;
}

a.page-numbers > .pagination-number {
}

span.current > .pagination-number {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;

  border-radius: 999px;
  background-color: #a2d58a;
}

.pagination-prev {
  padding: 0.5em 0.5em;
  padding-right: 1em;
}
.pagination-next {
  padding: 0.5em 0.5em;
  padding-left: 1em;
}

.pagination-number:hover,
.pagination-prev:hover,
.pagination-next:hover {
  /* color: #666; */
  font-weight: lighter;
  /* background-color: #a2d58a; */
}