nav.pagy {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
nav.pagy a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  height: 2.5rem;
  padding: 0 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  border: 1px solid oklch(var(--bc)/0.2);
  background: oklch(var(--b2));
  color: oklch(var(--bc));
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}
nav.pagy a:not(:first-child) {
  border-left: 0;
}
nav.pagy a:first-child {
  border-radius: var(--rounded-btn, 0.5rem) 0 0 var(--rounded-btn, 0.5rem);
}
nav.pagy a:last-child {
  border-radius: 0 var(--rounded-btn, 0.5rem) var(--rounded-btn, 0.5rem) 0;
}
nav.pagy a:hover:not([aria-disabled=true]) {
  background: oklch(var(--p));
  color: oklch(var(--pc));
  border-color: oklch(var(--p));
}
nav.pagy a:hover:not([aria-disabled=true]) + a {
  border-left-color: oklch(var(--p));
}
nav.pagy a[aria-current=page] {
  background: oklch(var(--p));
  color: oklch(var(--pc));
  border-color: oklch(var(--p));
  cursor: default;
}
nav.pagy a[aria-disabled=true]:not([aria-current=page]) {
  opacity: 0.4;
  cursor: not-allowed;
}
nav.pagy a[role=separator] {
  cursor: default;
  background: oklch(var(--b2));
  color: oklch(var(--bc)/0.5);
}