<hr>
<div class="blocks-sc-2col-01 wrapper bg-color-ui-01">
<div class="grid-container" id="newsletter">
<div class="spacer xxxx-large"></div>
<div class="grid-x grid-padding-x">
<div class="large-5 medium-12 small-12 cell">
<h2 class="font-h2">Stay up to date with Insites</h2>
<div class="spacer small"></div>
<p>Subscribe to our newsletter for the latest news and product updates straight to your inbox.</p>
<div class="spacer large hide-for-large"></div>
</div>
<div class="large-6 large-offset-1 medium-8 small-12 cell email-button-holder">
<div class="form-holder grid-x grid-padding-x gutter">
<ins-input validate field="email" class="auto cell subscribe-component"
data-test="section-content-03-email-field" name="email" placeholder="Enter email address"
error-message="email error message">
</ins-input>
<div class="spacer x-small btn-spacer show-for-small-only"></div>
<ins-button id="submit-btn" class="shrink cell text-right subscribe-component"
data-test="section-content-03-button-submit" solid color="blue" label="SUBSCRIBE" type="submit">
</ins-button>
</div>
</div>
</div>
<div class="spacer xxxx-large"></div>
</div>
</div>
/* sc-2col-01 */
.blocks-sc-2col-01 .btn-spacer {
width: 100%;
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
.blocks-sc-2col-01 .grid-padding-x>.cell {
padding-left: 12px;
}
}