.pagination {
	display: flex;
	padding: 1.875em 0;
}
.pagination .nav,
.pagination .item,
.pagination .dots {
	width: 2.6em;
	height: 2.6em;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.83em;
	border: 1px solid transparent
}
.pagination .nav {
	border-color: var(--main-green);
}
.pagination .nav:not(.disabled),
.pagination a.nav {
	cursor: pointer;
}
.pagination .nav.disabled,
.pagination span.nav {
	opacity: 0.5;
}
.pagination .nav svg {
	display: block;
	width: 58%;
}
.pagination .nav svg path {
	border-color: var(--main-green)
}
.pagination .nav:not(.disabled):hover,
.pagination a.nav:hover {
	text-decoration: none;
	background: var(--main-green)
}
.pagination .nav:not(.disabled):hover svg path,
.pagination a.nav:hover svg path {
	fill: var(--main-white)
}
.pagination .items {
	display: flex;
	justify-content: center;
	flex-grow: 1;
}
.pagination .item {
	color: var(--main-black)
}
.pagination a.item {
	cursor: pointer;
}
.pagination a.item:hover {
	border-color: var(--main-green);
	text-decoration: none;
}
.pagination .item.current,
.pagination span.item {
	font-weight: 500;
	background-color: var(--main-green-light);
	border-color: var(--main-green-light)
}
.pagination .dots {}
@media (min-width: 768px) {
	.pagination .nav,
	.pagination .dots,
	.pagination .item {
		font-size: 0.875em;
	}
	.pagination .items {
		justify-content: flex-start;
		padding: 0 1.125em;
		flex-grow: 0;
	}
	.pagination .items>* {
		margin: 0 0.5em
	}
}