.pager {
  width: 100%; }

.pager__list {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }
  .upcoming-events--filtered .pager__list {
    margin-top: 2rem; }

.pager--prev,
.pager--next {
  background-color: #9b2743; }

.pager__btn--disabled svg,
.pager__btn svg {
  fill: #FFF;
  width: 16px; }

.pager__btn--disabled:hover svg, .pager__btn--disabled:focus svg,
.pager__btn:hover svg,
.pager__btn:focus svg {
  fill: #9b2743; }

.pager__btn--disabled.prev,
.pager__btn.prev {
  margin-right: 2rem; }

.pager__btn--disabled.next,
.pager__btn.next {
  margin-left: 2rem; }

.pager__btn--disabled {
  border: 0; }
  .pager__btn--disabled.pager--prev, .pager__btn--disabled.pager--next {
    background-color: #bbb; }
  .pager__btn--disabled:hover, .pager__btn--disabled:focus {
    border: 0; }
    .pager__btn--disabled:hover svg, .pager__btn--disabled:focus svg {
      fill: #f7f7f7; }

.pager__item {
  padding: 0 0.5rem; }
  .pager__item.pager__item--previous, .pager__item.pager__item--next {
    padding: 0; }
  .pager__item.is-active {
    font-weight: bold; }

.pager__item--text {
  display: none; }
  .pager__item--text a {
    color: #9b2743; }
  @media (min-width: 40em) {
    .pager__item--text {
      display: inherit; } }