/* Theme-specific additions on top of the exported Webflow stylesheet. */

.im-form-message {
	margin-bottom: 20px;
	padding: 14px 18px;
	border-radius: 8px;
	font-size: 14px;
	line-height: 1.4;
}

.im-form-message--success {
	background-color: #123d1f;
	color: #baf7c9;
}

.im-form-message--error {
	background-color: #3d1212;
	color: #f7baba;
}

.im-projecten-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
	padding: 60px 0 0;
}

.im-projecten-filter__btn {
	border: 1px solid var(--global-color);
	border-radius: 30px;
	background-color: transparent;
	color: var(--dark-color);
	font-size: 14px;
	font-weight: 600;
	padding: 10px 22px;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.im-projecten-filter__btn:hover {
	background-color: #fab90133;
}

.im-projecten-filter__btn.is-active {
	background-color: var(--global-color);
	color: #000;
}