.pagination-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
  gap: 1rem;
}

.pagination-count {
  white-space: nowrap;
}

/* Markup emitted by will_paginate's default renderer:
    em.current (active page), a (page/prev/next links), span.disabled
    (greyed-out prev/next), span.gap (the … between page ranges). */
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: var(--text-sm);
}

.pagination a,
.pagination span,
.pagination em {
  padding: 0.3rem 0.75rem;
  border: 1px solid black;
  border-radius: 4px;
  font-style: normal;
}

.pagination .current {
  background: whitesmoke;
  color: green;
}

.pagination .disabled {
  color: gray;
  border-color: lightgray;
  cursor: default;
}

.pagination .gap {
  border: none;
}