.pagination {
	margin-bottom: 1.375em;
}

/* pagination--prevnext */
.pagination--prevnext {
	display: flex;
}

.pagination--prevnext .wp-block-buttons {
	flex: 1;
}

.pagination--prevnext .pagination__prevnext {
	display: flex;
}

.pagination--prevnext .pagination__link {
	color: rgba(var(--color-blue), 1);
	width: 48px;
	height: 48px;
	border-radius: 999px;
	border: 2px solid rgba(var(--color-blue), 1);
	position: relative;
	margin: 0 0.34375em;
}
	.pagination--prevnext .pagination__link:first-child {
		margin-left: 0;
	}
	.pagination--prevnext .pagination__link:last-child {
		margin-right: 0;
	}

.pagination--prevnext .pagination__link i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

/* pagination--paged */
.pagination--paged .pagination__pager {
	display: flex;
	align-items: center;
	justify-content: center;
}

.pagination--paged .page-numbers {
	font-weight: 700;
	color: rgba(var(--color-gray), 1);
	padding: 0.171875em 0.34375em;
	margin: 0 0.34375em;
}
	.pagination--paged .page-numbers:hover,
	.pagination--paged .page-numbers:focus,
	.pagination--paged .page-numbers:active {
		color: rgba(0,0,0, 1);
		text-decoration: none;
	}
	.pagination--paged .page-numbers.current {
		color: rgba(var(--color-blue), 1);
		border-bottom: 3px solid rgba(var(--color-blue), 1);
	}
	.pagination--paged .page-numbers.prev,
	.pagination--paged .page-numbers.next {
		padding: 0.667em 1.333em;
		border: 2px solid rgba(var(--color-blue), 1);
		border-radius: 999px;
		font-size: var(--font-size-small);
		color: rgba(var(--color-blue), 1);
	}
		.pagination--paged .page-numbers.prev:hover,
		.pagination--paged .page-numbers.prev:focus,
		.pagination--paged .page-numbers.prev:active,
		.pagination--paged .page-numbers.next:hover,
		.pagination--paged .page-numbers.next:focus,
		.pagination--paged .page-numbers.next:active {
			color: rgba(0,0,0, 1);
			border-color: rgba(0,0,0, 1);
		}
		
@media (max-width: 557.98px) {
	.pagination--paged .pagination__pager {
		flex-wrap: wrap;
	}
	
	.pagination--paged .page-numbers.prev {
		width: 100%;
		text-align: center;
		margin-bottom: 0.6875em;
	}
	
	.pagination--paged .page-numbers.next {
		width: 100%;
		text-align: center;
		margin-top: 0.6875em;
	}
}