.fhfl-form {
    max-width: 600px;
	display: flex;
  	gap: 12px;
}

.fhfl-form input {
	flex: 1;
	min-width: 0;
	height: 56px;
	padding: 0 20px;
	border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, 0.14);
	background: rgba(0, 0, 0, 0.02);
	color: #1a1919;
	font-size: 15px;
	outline: none;
	transition: border-color .2s ease, background .2s ease;
}

html.hm-dark .fhfl-form input {
	border: 1px solid rgba(252, 247, 239, 0.14);
	background: rgba(255,255,255,0.05);
	color: #fcf7ef;
}

.fhfl-form button {
	height: 56px;
	min-width: 120px;
	border-radius: 5px;
	background: var(--hybridmag-color-button-background);
	color: var(--hybridmag-color-button-text);
	line-height: 1;
	padding: 10px 22px;
	font-family: "Figtree", Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin: 0;
	opacity: .9 !important;
}


.fhfl-form button:hover {
	color: var(--hybridmag-color-button-hover-text);
	background: var(--hybridmag-color-button-hover-background);
	opacity: 1 !important;
}

.fhfl-message {
    margin-top: 10px;
    font-size: 14px;
}

.fhfl-message.success {
    color: green;
}

.fhfl-message.error {
    color: red;
}

@media (max-width: 520px) {
	.fhfl-form {
		flex-direction: column;
	}
	.fhfl-form input {
		flex: none;
	}
}