/**
 * @file
 * Visual styles for pager.
 */

.pager__items {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-sm);
  border: 1px solid transparent;
}
.pager__item {
  color: var(--primary-color-2);
  padding: 0 .3rem;
  line-height: 1.2;
}
.pager__item.is-active {
  border: 1px solid var(--primary-color-2);
  background-color: var(--primary-color-2);
  color: white;
  border-radius: 3px;
  font-weight: 500;
  transition: font-weight .2s ease;
}

.pager__item:hover {
  font-weight: 500;
}