.pagination-simple-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: center;
}

.pagination-simple {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
}

.pagination-simple__offset,
.pagination-simple__pager {
  color: rgb(var(--color-text));
}

.pagination-simple__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 8px 14px;
  border: 1px solid rgb(var(--color-entry-line));
  border-radius: 24px;
  color: rgb(var(--color-text)) !important;
  text-decoration: none;
  white-space: nowrap;
}

.pagination-simple__button.disabled {
  opacity: 0.5;
}

.pagination-simple__button--previous {
  transform: none;
}

.pagination-simple__button--previous svg { transform: rotate(180deg); }
.pagination-simple__button svg { flex-shrink: 0; }
.pagination-simple__button:not(.disabled):hover { background: rgb(var(--color-button-background)); color: rgb(var(--color-button-text)) !important; }
.pagination-simple__button:focus-visible { outline: 2px solid rgb(var(--color-text)); outline-offset: 3px; }
@media (max-width: 699px) { .pagination-simple { gap: 12px; } .pagination-simple__button { padding: 8px 10px; font-size: 12px; } }

.pagination-simple__button--previous svg { order: -1; }
.pagination-simple__button--next svg { order: 1; }
