.gutenberg.contact-form {
	container: contact-form/inline-size;
}

.gutenberg.contact-form > .container {
	margin-block: 120px 100px;
}

.gutenberg.contact-form h2 {
	margin-bottom: 40px;
}
.gutenberg.contact-form .fields-container {
	gap: 40px;
}

.gutenberg.contact-form .wpcf7-form-control-wrap[data-name="your-message"] {
	height: 100%;
}
.gutenberg.contact-form
	.wpcf7-form-control-wrap[data-name="your-message"]
	textarea {
	min-height: 100%;
	max-height: 100%;
}

@container contact-form (width <= 767px) {
	.gutenberg.contact-form > .container {
		margin-block: 40px;
	}
}