Cacher is the code snippet organizer for pro developers

<div class="newsletter-class">
	<div class="grid-container-spaced" style="background-image: url(INSERT URL HERE)">
		<div class="grid12-12" style="margin-top: 1%; margin-bottom: 1%; margin: 1% auto; float: none; width: 90%; display: table; padding-top: 20px; padding-bottom: 20px;">
			<div class="grid12-6" style="margin: 0.6%;color: white;font-weight: 900;text-align: center;margin-top: 10px; font-size: 18px;">
				Text to get people to sign up to the newsletter
			</div>
			<div class="grid12-6" style="margin-bottom: 0;">
				{{block class="Magento\Newsletter\Block\Subscribe" template="Magento_Newsletter::/subscribe.phtml"}}
			</div>
		</div>
	</div>
</div>

<style>

.newsletter-class .action.primary {
    background-color: #111;
    color: #fff;
    background: transparent;
    border: white solid 0.4px;
    margin: 0 10px!important;
    padding: 0 50px;
    
}
@media (min-width: 768px) {
.block.newsletter {
    width: 100%;
    margin: 0;
  }
}

</style>