pragma-pager {
   display: flex;
   flex-wrap: wrap;
 }
pager-button {
  min-width: 3.5rem;
  letter-spacing: 0.03rem;
  height: 3rem;
  padding: 0 0.5rem;
  line-height: 3rem;
  cursor: pointer;
}
pager-button:focus {
  outline:none;
}
pager-button:hover {
  background: var(--color-ui-3);
}
pager-button:active {
  background: var(--color-ui-2-80);
}
pager-button[aria-selected="true"] {
  border-bottom: 0.25rem solid var(--color-brand-light);
  font-weight: bold;
}
pager-button[aria-disabled="true"] {
  opacity: 0.4;
  pointer-events: none;
}