.page-link,
.page-link:hover{
	color:var(--copper-color);
}

.page-item.active .page-link {
	z-index: 3;
	color: #fff;
	background-color: var(--copper-color);
	border-color: var(--copper-color);
}

.pagination{
	display: flex;
	padding-left: 0;
	margin: 22px 0;
	border-radius: 2px;
	gap:3px;
	justify-content:center;
}

.pagination > li{
	display:inline;
}

.pagination > li > a,
.pagination > li > span{
	font-size:14px;
	font-weight:500;
	color:var(--copper-color);
	border:none;
	background:#eee;
	padding: 0;
	width: 28px;
	height: 28px;
	line-height: 28px;
	border-radius: 50%!important;
	margin: 0px;
	position: relative;
	float: left;
	text-decoration:none;
	text-align:center;
}

.pagination li.next a,
.pagination li.prev a{
	background:transparent;
}

.pagination > li.prev > a,
.pagination > li.prev > span,
.pagination > li.next > a,
.pagination > li.next > span {
	border-radius: 0;
	margin: 0 0.75rem !important;
}

li.next.disabled, li.prev.disabled{
	display:none;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{
	color:var(--dark-background-color);
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{
	background:transparent;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{
	background-color:var(--copper-color);
	border-color:var(--copper-color);
	z-index: 2;
	color: #fff;
	cursor:default;
}