Default
<div class="c-highlight ">
<div class="l-container">
<div class="c-highlight__container l-grid l-grid--with-spacing">
<div class="c-highlight__background">
<div class="c-image c-highlight__background-visual">
<img class="c-image__visual" src="/assets/images/general/highlight/background.jpg" alt="World" title="World" />
</div>
</div>
<div class="c-highlight__visual l-grid__col l-grid__col--6@viewport-7 u-margin-bottom-3x@below-viewport-7">
<div class="c-image c-highlight__visual-image">
<img class="c-image__visual" src="/assets/images/general/highlight/global-shield-logo.png" alt="Global Shield Lgoo" title="Global Shield Lgoo" />
</div>
</div>
<div class="c-highlight__content l-grid__col l-grid__col--6@viewport-7">
<p class="c-highlight__text">The global shield network is a Lorem ipsum dolor sit amet,
consectetur adipiscing elit, sed do.</p>
<button class="c-button c-highlight__action c-button--with-icon-after">
<span class="c-button__text">Meer info</span>
<div class="c-icon c-button__icon c-button__icon--after">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M7.9,24l-3-3l9-9l-9-9l3-3l10.5,10.5c0.4,0.4,0.6,0.9,0.6,1.5c0,0.6-0.2,1.1-0.6,1.5L7.9,24z" />
</svg>
</div>
</button>
</div>
</div>
</div>
</div>