/********************
	Part - Style pagination
********************/
.pagination {
  width : 100%;
  padding: 70px 100px;
}

.pagination > div:first-child {
  line-height : 2.5rem
}

/*.pagination .page-list {*/
/*  background    : #fff;*/
/*  padding       : .375rem;*/
/*  margin-bottom : 0;*/
/*  box-shadow    : 2px 2px 4px 0 rgba(0, 0, 0, .2)*/
/*}*/

ul.page-list {
  display        : flex;
  justify-content: center;
  gap: 5px;
}

.pagination .page-list li {
  display: flex;
  width: 44px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  align-self: stretch;
  border-radius: 3px;
  background: #F7F7F7;
}

.pagination .page-list li.current {
  background: var(--color-primary);
  color: #fff;
}

.pagination a {
  color       : #000;
  font-weight : 600
}

.pagination a:not(.previous):not(.next) {
  letter-spacing : .125rem
}

.pagination .previous {
  float : left
}

.pagination .next {
  float : right
}

.pagination .disabled {
  color : var(--color-grey-font-default)
}

.pagination .current a {
  color           : #fff;
  text-decoration : none;
}