/* Additional Contact Form 7 overrides */
.wpcf7 form.connections-contact-form p {
	margin: 0;
}

.wpcf7 form.connections-contact-form .wpcf7-spinner {
	margin-left: 0.5rem;
}

/*
 * Add breathing room below the reCAPTCHA so it isn't flush with the Submit
 * button. The form is wrapped in `.connections-cf7` (NOT `connections-contact-form`),
 * so scope to that. Target the reCAPTCHA wrap, the element, and its grid-item <p>
 * so it works however CF7 renders it.
 */
.connections-cf7 .wpcf7-form-control-wrap.recaptcha,
.connections-cf7 .wpcf7-recaptcha,
.connections-cf7 .g-recaptcha {
	display: block;
	margin-bottom: 1.5rem;
}

.connections-cf7 p:has(.wpcf7-recaptcha),
.connections-cf7 p:has(.g-recaptcha) {
	margin-bottom: 1.5rem;
}