.wp-block-amm-dynamic-form-group,
.amm-dynamic-form-group {
	--amm-dfg-gap: 46px;
	--amm-dfg-gap-tablet: 46px;
	--amm-dfg-gap-mobile: 0;
	width: 100%;
}

.amm-dynamic-form-group__inner {
	align-items: var(--amm-dfg-align-items, center);
	display: flex;
	flex-direction: var(--amm-dfg-direction, row);
	flex-wrap: var(--amm-dfg-wrap, wrap);
	gap: var(--amm-dfg-gap, 46px);
	height: auto;
	min-height: 0;
	width: 100%;
}

.amm-dynamic-form-group[data-submit-mode="ajax-get"] .amm-dynamic-form-submit__button,
.amm-dynamic-form-group[data-submit-mode="ajax-post"] .amm-dynamic-form-submit__button,
.amm-dynamic-form-group[data-submit-mode="pardot"] .amm-dynamic-form-submit__button {
	position: relative;
}

@keyframes amm-df-submit-spin {
	to {
		transform: rotate(360deg);
	}
}

.amm-dynamic-form-group[data-submit-mode="pardot"] .amm-dynamic-form-submit__button.is-pending {
	cursor: wait;
}

.amm-dynamic-form-group[data-submit-mode="pardot"] .amm-dynamic-form-submit__button.is-pending .amm-dynamic-form-submit__label,
.amm-dynamic-form-group[data-submit-mode="pardot"] .amm-dynamic-form-submit__button.is-pending .amm-dynamic-form-submit__icon {
	opacity: 0.35;
}

.amm-dynamic-form-group[data-submit-mode="pardot"] .amm-dynamic-form-submit__button.is-pending::after {
	animation: amm-df-submit-spin 0.8s linear infinite;
	border: 2px solid hsla(0, 0%, 100%, 0.28);
	border-radius: 50%;
	border-top-color: currentColor;
	box-sizing: border-box;
	content: '';
	height: 1.125rem;
	inset: 0;
	margin: auto;
	pointer-events: none;
	position: absolute;
	width: 1.125rem;
}

@media (min-width: 768px) and (max-width: 1023px) {
	.amm-dynamic-form-group__inner {
		gap: var(--amm-dfg-gap-tablet, var(--amm-dfg-gap, 46px));
	}
}

@media (max-width: 767px) {
	.amm-dynamic-form-group__inner {
		align-items: stretch;
		flex-direction: column;
		gap: var(--amm-dfg-gap-mobile, var(--amm-dfg-gap, 46px));
	}

	.amm-dynamic-form-group[data-amm-dfg-single-field-submit="true"] .amm-dynamic-form-group__inner {
		gap: 0;
	}
}