.b-pag { padding: 16px 0 32px; }
.b-pag__list {
  list-style: none; padding: 0; margin: 0;
  display: flex; gap: 6px; justify-content: center;
}
.b-pag__item button, .b-pag__item span {
  min-width: 40px; height: 40px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-navy-900);
  font-weight: 600; font-size: 14px;
  border: 1px solid var(--color-border);
  cursor: pointer;
  transition: background var(--transition), color var(--transition), border-color var(--transition);
  padding: 0 12px;
}
.b-pag__item button:hover { border-color: var(--color-navy-900); }
.b-pag__item--active button {
  background: var(--color-navy-900);
  color: #FFFFFF;
  border-color: var(--color-navy-900);
}
.b-pag__item--gap span {
  background: transparent; border: 0; cursor: default;
}
.b-pag__item--nav .icon { width: 16px; height: 16px; stroke: currentColor; }