.pager-list {
  border-bottom: 1px solid var(--c-border);
}

pager-button {
  white-space: nowrap;
  letter-spacing: 0.03rem;
  padding: 0 0.5rem;
  line-height: 3rem;
  cursor: pointer;
  color: var(--c-text);
  display: inline-block;
}

pager-button:hover {
  background: var(--c-hover);
}

pager-button[aria-selected=true]:hover {
  background: var(--c-surface-bg);
}

pager-button[aria-selected=true] {
  color: var(--c-accent);
  position: relative;
  background: var(--c-surface-bg);
}
pager-button[aria-selected=true]:focus:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.25rem;
  background: var(--c-accent);
  left: 0;
  bottom: 0;
}

pager-button[aria-disabled=true] {
  opacity: 0.4;
  pointer-events: none;
}

pager-button[aria-hidden=true] {
  display: none;
}