.archive-header {
	display: grid;
	align-items: center;
	grid-template-columns: 1fr 420px;
	grid-gap: 16px;
	margin-bottom: 24px;
}

.archive-title {
	margin-bottom: 0;
}

.archive-search {
	position: relative;
}

.archive-search input {
	padding: 0 16px 0 48px;
}

.archive-search button {
	position: absolute;
	top: 50%;
	left: 16px;
	color: var(--secondary-s2);
	transform: translateY(-50%);
}

.archive-search button:hover {
	color: var(--main-color);
}

.archive-search button svg {
	width: 24px;
	height: 24px;
}

@media (max-width: 767.98px) {
	.archive-header {
		grid-template-columns: 1fr;
	}
}