.offer-pagination {
  position: relative;
  float: left;
  clear: both;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin: 10px 0 30px;
}

.offer-pagination a {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 6px;
  background: var(--main-color, #c4000b);
  color: var(--text-on-main-color, #fff);
  font-weight: 600;
  text-decoration: none;
}

.offer-pagination a:hover {
  opacity: 0.85;
}

.offer-pagination-previous {
  justify-self: start;
}

.offer-pagination-next {
  justify-self: end;
}

.offer-pagination-status {
  font-weight: 600;
}