.pager__item > a {
  padding-inline: var(--spacing);
  padding-block: var(--spacing-smaller);
  text-decoration: none;
  font-size: var(--font-size-small);
  line-height: 1;
}

.pager__item > a:hover,
.pager__item > a:focus,
.pager__item > a:focus-within {
  text-decoration: none;
  border: none;
  background-color: var(--color-grey-lightest);
}
.pager__item > a:focus,
.pager__item > a:focus-within {
  outline: var(--outline);
  outline-offset: var(--outline-offset);
}

.pager__item > a:active {
  text-decoration: none;
  border: none;
  outline: none;
  background-color: var(--color-grey-lighter);
}

.is-active.pager__item > a {
  color: var(--color-white);
  background-color: var(--color-accent);
}
