.c-form-element {
	display: flex;
	flex-direction: column;
}

.c-form-element--honey{
	position: fixed;
	top: -100px;
	height: 20px;
	width: 100%;
}


.c-form-element__error {
	@include border-radius(s);
	@include font-size(s);
	@include font-weight('semi-bold');
	display: none;
	margin-top: -4px;
	padding: space(1) space(2);
	border: 2px solid palette(warning, 500);
	border-top: none;
	background-color: rgba(palette(warning, 500), 0.3);
	color: palette(neutral, 900);

	.c-form-element.has-error &:not(:empty) {
		display: block;
	}
}


.c-form-element__label {
	@include font-weight('bold');
	order: -1;

	:focus ~ & {
		color: palette(action, 500);
	}
}