Demo
Usage
<div class="promo-banner roomy imageFirst white">
<div class="card-image card--flexible image-right"><a href="/" class="" aria-label="Alt text here"><img src="/images/16x9.jpeg" alt="Alt text here" class="image--flexible" /></a></div>
<div class="banner-body">
<h6 class="eyebrow">H600 EYEBROW</h6>
<h3 class="h300">Promo Banner Headline</h3>
<p>Basic text lorem ipsum dolor sit amet, consectetur elit, sed do eiusmodu eighty tempor incididunt ut labore et dolore magna aliqua.</p><a class="btn btn-primary " data-bs-target="#undefined" href="" title="">Button<svg width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 10C0 9.44772 0.447715 9 1 9H15C15.5523 9 16 9.44772 16 10C16 10.5523 15.5523 11 15 11H1C0.447715 11 0 10.5523 0 10Z" fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.29289 4.29289C9.68342 3.90237 10.3166 3.90237 10.7071 4.29289L15.7071 9.29289C16.0976 9.68342 16.0976 10.3166 15.7071 10.7071L10.7071 15.7071C10.3166 16.0976 9.68342 16.0976 9.29289 15.7071C8.90237 15.3166 8.90237 14.6834 9.29289 14.2929L13.5858 10L9.29289 5.70711C8.90237 5.31658 8.90237 4.68342 9.29289 4.29289Z" fill="currentColor"></path>
</svg></a>
</div>
</div>