<hr> <div class="blocks-sc-1col-03 wrapper bg-color-ui-01"> <div class="grid-container"> <div class="spacer xxxx-large"></div> <div class="grid-x"> <div class="large-8 medium-8 small-12 cell content-box text-center"> <h2 class="font-h2">Stay up to date with Insites</h2> <div class="spacer"></div> <p>Subscribe to our newsletter for the latest news and product updates straight to your inbox.</p> <div class="spacer xxx-large"></div> <div class="form-holder"> <div class="grid-x grid-padding-x gutter"> <ins-input validate field="email" class="auto cell subscribe-component" name="email" placeholder="Enter email address" error-message="email error message"> </ins-input> <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> <div class="spacer xxxx-large"></div> </div> </div>
.blocks-sc-1col-03 .btn-spacer { width: 100%; } .blocks-sc-1col-03 .content-box { margin-left: auto; margin-right: auto; } @media screen and (max-width: 640px) { .blocks-sc-1col-03 ins-button, .blocks-sc-1col-03 ins-button button { width: 100%!important; } } .blocks-sc-1col-03 h2 { line-height: 38px; }