.subscribe-to-newsletter { width: 100%; height: 283px; background: #F5CDB4; padding: 25px; display: grid; /*@formatter:off*/ grid: 'top' 'bottom'; /*@formatter:on*/ grid-template-rows: 1fr; grid-template-columns: 1fr; grid-gap: 0; }

.subscribe-to-newsletter h3, .subscribe-to-newsletter h4 { padding: 0; margin: 0; }

.subscribe-to-newsletter .top { grid-area: top; display: grid; /*@formatter:off*/ grid: 'title .' 'subtitle .'; /*@formatter:on*/ grid-template-rows: minmax(min-content, 124px); grid-template-columns: minmax(min-content, 488px); }

.subscribe-to-newsletter .top .title { grid-area: title; font-family: Roboto; font-style: normal; font-weight: bold; font-size: 52px; line-height: 61px; color: #74A089; }

.subscribe-to-newsletter .top .subtitle { grid-area: subtitle; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 14px; line-height: 19px; /* identical to box height */ color: #15454E; }

.subscribe-to-newsletter .bottom { grid-area: bottom; }

.subscribe-to-newsletter .bottom .before, .subscribe-to-newsletter .bottom .after { display: grid; /*@formatter:off*/ grid: '. input subscribe' '. disclaimer disclaimer'; /*@formatter:on*/ grid-template-rows: minmax(min-content, 45px) 1fr; grid-template-columns: 1fr 236px 140px; }

.subscribe-to-newsletter .bottom .before .input { grid-area: input; }

.subscribe-to-newsletter .bottom .before .input input { font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; color: #425466; padding: 0.8rem; background-color: #FFFFFF; border: 1px solid #425466; box-sizing: border-box; border-radius: 5px; }

.subscribe-to-newsletter .bottom .before .button { grid-area: subscribe; }

.subscribe-to-newsletter .bottom .before .button button { margin-left: 14px; background-color: #15454E; mix-blend-mode: normal; border-radius: 15px; padding: 0.8rem; font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 18px; line-height: 25px; text-align: center; color: #FFFFFF; -webkit-transition: background-color 500ms ease; -ms-transition: background-color 500ms ease; transition: background-color 500ms ease; }

.subscribe-to-newsletter .bottom .before .button button:hover { background-color: #74A089; }

.subscribe-to-newsletter .bottom .before .disclaimer { grid-area: disclaimer; }

.subscribe-to-newsletter .bottom .before .disclaimer small { font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 14px; line-height: 19px; /* identical to box height */ color: #425466; }

.subscribe-to-newsletter .bottom .after .input-cont { grid-area: input; }

.subscribe-to-newsletter .bottom .after .input-cont .input { font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 26px; line-height: 35px; color: #15454E; }

.subscribe-to-newsletter .before.hidden, .subscribe-to-newsletter .after.hidden { display: none; }