.js-pager__items {
  display: flex;
  justify-content: center;
  height: 50px;
  flex-direction: row;
  margin-top: 2rem;
}

.view-display-id-news_pwf .view-content + .js-pager__items,
.view-display-id-news_consortium .view-content + .js-pager__items {
  margin-top: 0;
  margin-bottom: 2rem;
}

.js-pager__items li.pager__item {
  display: block;
  padding: 0;
  margin: 0 .25rem;
  position: relative;
  line-height: unset;
}

.js-pager__items .button {
  background-color: var(--main_blue);
  padding: 1rem 2rem;
  color: #FFF;
  border-radius: 50px;
  margin: 0;
  font-size: 16px;
  text-transform: uppercase;
  border: 0px;
  text-decoration: none;
  cursor: pointer;
  display: block;
  max-width: 220px;
  text-align: center;
  white-space: nowrap;
}

article.single-color.hecap .js-pager__items .button,
.section-hecap .js-pager__items .button { background-color: var(--hecap); }
article.single-color.cmsp .js-pager__items .button,
.section-cmsp .js-pager__items .button { background-color: var(--cmsp); }
article.single-color.math .js-pager__items .button,
.section-math .js-pager__items .button { background-color: var(--math); }
article.single-color.sti .js-pager__items .button,
.section-sti .js-pager__items .button { background-color: var(--sti); }
article.single-color.qls .js-pager__items .button,
.section-qls .js-pager__items .button { background-color: var(--qls); }
article.single-color.esp .js-pager__items .button,
.section-esp .js-pager__items .button { background-color: var(--esp); }