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

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

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

.pagination-simple__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  color: #ffffff !important;
  background: #89551d;
  border: 1px solid #89551d;
  border-radius: 50%;
  box-shadow: 0 4px 14px rgb(79 48 20 / 18%);
  transition: color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.pagination-simple__button:hover,
.pagination-simple__button:focus-visible {
  color: #89551d !important;
  background: #ffffff;
  transform: translateY(-1px);
}

.pagination-simple__button .icon {
  display: block;
  width: 17px;
  height: 16px;
}

.pagination-simple__button.disabled {
  color: #8f8173 !important;
  background: #f4eee7;
  border-color: #e0d4c7;
  box-shadow: none;
  opacity: 1;
  pointer-events: none;
}

.pagination-simple__button--previous {
  transform: rotate(180deg);
}