/*
	The submit button gets the theme's shared .button class added via the
	gform_submit_button filter (inc/gravity-forms.php) — .button itself
	supplies the actual look (colour, border, spacing). This just resets the
	couple of native-form-control quirks a real <button>/<input type="submit">
	has that an <a class="button"> never did: browsers don't inherit font by
	default on form controls, and some retain their own chrome even once
	background/border are overridden.
*/
.gform_wrapper .button {
	appearance: none;
	-webkit-appearance: none;
	font: inherit;
	cursor: pointer;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	padding: var(--space-3) var(--space-5) !important;
	border: 0 !important;
	border-radius: 0 !important;
	background-color: var(--color-accent-bg) !important;
	color: var(--color-default-bg) !important;
	font-size: var(--font-size-3) !important;
	font-weight: var(--font-weight-regular) !important;
	font-style: italic !important;
	line-height: 1 !important;
	text-decoration: none;
	text-align: center;
	transition: background-color var(--transition);
	font-family: var(--font-page-header) !important;
	height: auto !important;
	width: auto !important;
	min-width: 8rem !important;

	&:hover {
		background-color: var(--color-dark-bg) !important;
		color: var(--color-default-bg) !important;
	}
}


.gform-theme--framework input, .gform-theme--framework textarea {
	height: var(--space-8) !important;
	border: 1px solid var(--color-border) !important;
}

.gform-theme--framework .gfield_label {
	font-size: var(--font-size-2) !important;
	color: var(--color-dark-bg) !important;
}