.newsletter-signup {
	padding: 1rem;
}

@media(min-width: 50em) {
	.newsletter-signup {
		padding: 3rem;
		display: grid;
		grid-template-columns: 150px auto fit-content(300px);
		grid-gap: 1rem;
	}
}

.newsletter-signup .media,
.newsletter-signup .action {
	padding: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media(max-width: 37.4999em) {
	.newsletter-signup .content {
		text-align: center;
	}
}

@media(min-width: 70em) {
	.newsletter-form {
		justify-content: flex-end;
	}
}