/**
 * @file
 * Visual styles for pager.
 */
.pager {
  margin: 2rem 0;
}

.pager__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -1rem;
}

.pager__item {
  margin: 1rem;
}
.pager__item a {
  line-height: 4rem;
  display: block;
  height: 4rem;
  text-align: center;
  text-decoration: none;
  color: var(--color-pager);
  transition: 0.2s all;
}
.pager__item a:hover,
.pager__item a:active,
.pager__item a:focus {
  color: var(--color-pager--hover);
}
.pager__item.is-active a {
  color: var(--color-pager--active);
  font-weight: var(--fw-bold);
}
.pager__item.pager__item--ellipsis {
  color: var(--color-pager-ellipsis);
}

/*# sourceMappingURL=pager.css.map */
