/*
white-mod : White
green-mod : Green
gradient-mod : Gradient
teal-mod : Teal
dark-teal-mod : Dark Teal
dark-teal-mod teal-border-mod : Dark Teal w/Border
white-outline-mod : White Outline
green-outline-mod : White Outline
teal-outline-mod : Teal Outline
*/

.hs-button,
.button {
	display: inline-block;
	border: 2px solid transparent;
	border-radius: 8px;
	font-size: 16px;
	line-height: 40px;
	font-weight: 600 !important;
	text-transform: uppercase;
	text-align: center;
	min-width: 200px;
	padding: .75em 1em;
	transition: all .3s !important;
	cursor: pointer;
	-webkit-appearance: none;
	white-space: normal;
	letter-spacing: .05em;
	font-family: "Inter";
}

@media (min-width: 992px) {
	.hs-button,
	.button {
		min-width: 226px;
		border-radius: 10px;
	}
}

.button.white-mod {
	background: #fff;
	color: #2f3233;
}

.button.white-mod:hover {
	background: #2f3233;
	color: #fff;
}

.hs-button,
.gform_footer .button,
.form-green-mod .button,
.button.green-mod {
	/* background: #1ed975;
	border: none;
	color: #fff; */

	background-color: #EBF9F5;
	font-family: Inter;
	font-weight: 600;
	font-size: 16px;
	color: #429E95;
	border-color: #429E95;
}

.hs-button:hover,
.form-green-mod .button:hover,
.button.green-mod:hover {
	/* background: #1ed975;
	color: #2f3233; */
	background-color: #429E95;
	color: #FFFFFF;
}

.gform_footer .button:hover {
	color: #2f3233;
}

.gradient-submit-button .gform_footer .button,
.button.gradient-mod {
	/* background: #429E95;
	color: #fff; */
	background-color: #EBF9F5;
    font-family: Inter;
    font-weight: 600 !important;
    font-size: 16px;
    color: #429E95;
    border-color: #429E95;
}

.gradient-submit-button .gform_footer .button:focus,
.gradient-submit-button .gform_footer .button:hover,
.button.gradient-mod:focus,
.button.gradient-mod:hover {
	background-color: #429E95;
	color: #FFFFFF;
}

.form-teal-mod .button,
.button.teal-mod {
	border-color: #00d9dc;
	background: #00d9dc;
	color: #fff;
}

.form-teal-mod .button:hover,
.button.teal-mod:hover {
	color: #000;
}

.form-dark-teal-mod .button,
.button.dark-teal-mod {
	border-color: #009ca6;
	background: #009ca6;
	border: 2px solid #00d9dc;
	color: #fff;
}

.form-dark-teal-mod .button:hover,
.button.dark-teal-mod:hover {
	color: #000;
}

.form-white-outline-mod .button,
.button.white-outline-mod {
	border-color: #fff;
	background: #2f3233
}

.form-white-outline-mod .button:hover,
.button.white-outline-mod:hover {
	color: #D1FFE7;
	border-color: #D1FFE7;
	/* background: #001e1e; */
}

.form-green-outline-mod .button,
.button.green-outline-mod {
	color: #D1FFE7;
	border-color: #D1FFE7;
	background: #2f3233
}

.form-green-outline-mod .button:hover,
.button.green-outline-mod:hover {
	/* color: #fff;
	border-color: #fff; */
	/* background: #001e1e; */
	color: #000;
	background: #D1FFE7;
}

.form-grey-outline-mod .button,
.button.grey-outline-mod {
	color: #2f3233
	border-color: #2f3233
	background: #ebeff0;
}

.form-grey-outline-mod .button:hover,
.button.grey-outline-mod:hover {
	color: #D1FFE7;
	border-color: #D1FFE7;
	background: #2f3233
}

.form-teal-outline-mod .button,
.button.teal-outline-mod {
	color: #00d9dc;
	border-color: #00d9dc;
	background: #2f3233
}

.form-teal-outline-mod .button:hover,
.button.teal-outline-mod:hover {
	color: #00d9dc;
	border-color: #00d9dc;
	background: #001e1e;
}
