.pager {
  border-top: 1px solid #d3d3d3;
  overflow: hidden;
  padding-top: 1em;
}
.pager .nextPage,
.pager .prevPage {
  float: left;
  font-size: 22px;
  font-size: 1.375rem;
}
.pager .prevPage {
  margin: 0 .5em 0 0;
}
.pager .prevPage::before {
  content: "< ";
}
.pager .nextPage {
  float: right;
  margin: 0 0 .5em .5em;
}
.pager .nextPage::after {
  content: " >";
}
.pager .button {
  background-color: white;
  border: 2px solid #d3d3d3;
  color: #2B5F46;
  float: left;
  font-size: 18px;
  font-size: 1.125rem;
  height: auto;
  margin-bottom: .25em;
  padding: .25em .75em;
}
.pager .button:hover {
  background-color: #d3d3d3;
}
.pager .button.active {
  background-color: #2B5F46;
  color: white;
}
@media screen and (min-width: 35em) {
  .pager .button + .button {
    margin-left: -2px;
  }
}
.no-js .pager {
  display: none;
}