.pagination-nav {

	margin: 0;

	padding-left: 0;

}



.pagination {

	gap: 8px;

}





.page-link {

	color: var(--black);

	background-color: var(--white);

	width: 40px;

	height: 40px;

	border-color: #F1F1F1;

	border-radius: 3px;

	display: flex;

	justify-content: center;

	align-items: center;

	cursor: pointer;

}



.page-link[disabled="disabled"] {

	opacity: .7;

}



.page-item:nth-child(1) .page-link,

.page-item:last-child .page-link {

	background-color: transparent;

	border: none;

	width: auto;

}







.page-link[disabled="disabled"] {

	color: var(--grey);

}



.page-link:hover {

	color: var(--black);

}



.page-link.active {

	color: var(--white);

	background-color: var(--black);

	border-color: var(--black);

}



.page-link:focus {

	border-color: transparent;

	box-shadow: 0 0 0 .25rem rgba(184, 25, 29, 0.25);

	color: var(--black);

}



.pagination li:first-child .page-link

.pagination li:last-child .page-link {

	background-color: transparent;

	color: var(--black);

	border: none !important;

	border-color: transparent !important;

	width: auto;

	transition: border-color none;

}



.pagination li:first-child .page-link:hover,

.pagination li:last-child .page-link:hover {

	border: none !important;

	border-color: transparent !important;

}



.pagination li:first-child .page-link:focus,

.pagination li:last-child .page-link:focus {

	border: none !important;

	box-shadow: none !important;

	border-color: transparent !important;

}



@media (min-width: 768px) {

	.pagination-nav {

		margin: 0 auto;

		padding-left: 120px;

	}

}