/* Pagination. */

.pagination_more {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 100%;
	height: 52px;
	margin-top: 40px;
	font-size: 14px;
	font-weight: 500;
	color: var(--primary);
	border: 2px solid #BFE4F3;
	border-radius: 16px;
	cursor: pointer;
	transition: border-color .43s;
}

.pagination_more:hover {
	border-color: var(--primary);
}

.pagination {
	--size: 40px;

	grid-gap: 20px;
	margin-top: 20px;
}

.pagination_arrow {
	grid-gap: 20px;
}

.pagination_arrow a {
	display: flex;
	align-items: center;
	justify-content: center;

	width: var(--size);
	height: var(--size);
	border-radius: 50%;
	border: 1px solid rgba(224, 237, 243, 1);

	transition: border-color .43s;
}

.pagination_arrow a:hover {
	border-color: var(--primary);
}

.pagination_arrow svg {
	width: auto;
	height: auto;
}

.pagination_nums {
	display: flex;
	align-items: center;
	grid-gap: 15px;
}

.pagination_num:not(._mob) {
	display: flex;
	align-items: center;
	justify-content: center;

	width: var(--size);
	height: var(--size);
	border: 2px solid #F4F4F4;
	border-radius: 10px;

	transition: border-color .43s, background-color .43s, color .43s;
}

a.pagination_num.active {
	color: var(--primary);
	background-color: rgba(0, 147, 205, 0.03);
	border-color: var(--primary);
}

a.pagination_num:hover {
	border-color: var(--primary);
}

.pagination_num._mob {
	display: none;
}

/* Pagination. */

@media only screen and (min-width: 771px) {

	/* Pagination. */

	.pagination_all_prev,
	.pagination_all_next {
		display: none !important;
	}

	/* Pagination. */

}


@media only screen and (max-width: 770px) {

	/* Pagination. */

	.pagination_arrow a {
		--size: 45px;
	}

	.pagination_num {
		display: none !important;
	}

	.pagination_num._mob {
		display: block !important;
	}

	/* Pagination. */

}