.pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.pagination a,
.pagination button {
  min-width: 42px;
  min-height: 42px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--surface);
  color: var(--ink);
  font-size: 0.9688rem;
  font-weight: 500;
  cursor: pointer;
  transition: border-color .15s, background .15s, color .15s;
}
.pagination a:hover,
.pagination button:hover:not([disabled]) { border-color: var(--brand); color: var(--brand); }
.pagination [aria-current="page"],
.pagination .is-current {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
  font-weight: 600;
}
.pagination [disabled] { color: #B9C2D4; cursor: default; }

.pagination--end { margin-top: 22px; justify-content: flex-end; }