.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 4px;
}
.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 36px;
	height: 36px;
	padding: 4px;
	border: 1px solid var(--greyColor);
	transition: background-color 0.5s;
}
.page-numbers svg {
	display: block;
	fill: var(--mainColor);
}
.page-numbers.prev svg {
	rotate: -90deg;
}
.page-numbers.next svg {
	rotate: 90deg;
}
.page-numbers.current {
	background-color: var(--mutedColorFull);
}
@media (any-hover: hover) {
	.page-numbers:hover {
		background-color: var(--mutedColorFull);
	}
}
.archive__header {
	padding-block-end: 40px;
	border-block-end: 1px solid var(--greyColor);
}
.archive__header-wrapper {
	max-width: 62.5rem;
}
.archive__title {
	margin-block-end: 24px;
}
.archive__main {
	padding-block-start: 48px;
}
.error-404 {
	max-width: 62.5rem;
	margin: 0 auto;
}
.blog .page-content > *:not(:last-child) {
	margin-block-end: 36px;
}
.widget h2 {
	margin-block-end: 12px;

	color: var(--lightColor);
	font-family: var(--fontTitle);
	letter-spacing: 0.09375rem;
	line-height: 1.25rem;
	padding-block: 0.625rem;
	position: relative;
	text-transform: uppercase;
	transition: color 0.5s;
}
.widget li:not(:last-child) {
	margin-block-end: 12px;
}
.widget li a {
	transition: color 0.5s;
}
@media (any-hover: hover) {
	.widget li a:hover {
		color: var(--lightColorHover);
	}
}
.search-section {
	max-width: 62.5rem;
	margin: 0 auto;
}
.search-section .content-search-link {
	border-block-end: 1px solid var(--greyColor);
}
.content-search-header {
	margin-block-end: 0.625rem;
}
.content-search-link {
	color: var(--lightColor);
	font-family: var(--fontTitle);
	letter-spacing: 0.09375rem;
	line-height: 1.25rem;
	padding-block: 0.625rem;
	position: relative;
	text-transform: uppercase;
	transition: color 0.5s;
}
.not-found-header {
	margin-block-end: 1.875rem;
}
