.pagination {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 16px;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 8px;
  border: none;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--gris-fonce);
  font-size: 13px;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

.btn:hover:not(:disabled) {
  background: var(--gris-clair);
}

.btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.btnActive {
  background: var(--vert-fonce);
  color: var(--blanc);
}

.btnActive:hover {
  background: var(--vert-fonce);
}

.ellipsis {
  padding: 0 4px;
  color: var(--gris-moyen);
  font-size: 13px;
}