Teaser

            
              <div class="spacer--mb-64">
  <div class="teaser">
    <div class="teaser__wrapper">
      <div class="teaser__body">
        <h4 class="teaser__title">
          Teaser title
        </h4>
        <p class="teaser__description">
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem exercitationem pariatur fuga nobis quam cumque dolor, amet fugit rerum veniam.
      </div>
      <div class="teaser__footer">
        <a class="button"><span class="button__label">button-label</span> <svg class="button__icon" viewbox="0 0 32 32">
        <use xlink:href="/assets/katana-components/svg/sprite.svg#arrow-right"></use></svg></a> <a class="button button--link button--invert button--reverse"><span class="button__label">button-label</span> <svg class="button__icon" viewbox="0 0 32 32">
        <use xlink:href="/assets/katana-components/svg/sprite.svg#arrow-right"></use></svg></a>
      </div>
    </div>
  </div>
</div>
<div class="teaser">
  <div class="teaser__wrapper">
    <div class="teaser__body">
      <h4 class="teaser__title">
        Teaser title
      </h4>
      <p class="teaser__description">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem exercitationem pariatur fuga nobis quam cumque dolor, amet fugit rerum veniam.
    </div>
    <div class="teaser__footer">
      <a class="button"><span class="button__label">button-label</span> <svg class="button__icon" viewbox="0 0 32 32">
      <use xlink:href="/assets/katana-components/svg/sprite.svg#arrow-right"></use></svg></a> <a class="button button--link button--invert button--reverse"><span class="button__label">button-label</span> <svg class="button__icon" viewbox="0 0 32 32">
      <use xlink:href="/assets/katana-components/svg/sprite.svg#arrow-right"></use></svg></a>
    </div>
  </div>
  <div class="teaser__image">
    <img class="teaser__image-asset" src="/assets/images/hcs-teaser-01.png" alt="">
  </div>
</div>