Widget

            
              <div class="widget">
  <a href="#"></a>
  <div class="widget__image">
    <img src="/images/_teaser/11_csm_compamedlogo.svg" alt="">
  </div>
  <div class="widget__wrapper">
    <div class="widget__header">
      <h4 class="widget__header-title">
        <a href="#">Widget title</a>
      </h4>
    </div>
    <div class="widget__body">
      <p>
        <strong>Widget paragraph</strong><br>
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
      </p>
    </div>
    <div class="widget__footer">
      <span class="btn btn-outline-primary btn--icon-right"><span>Button label</span> <svg class="icon" viewbox="0 0 32 32">
      <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#triangle"></use></svg></span>
    </div>
  </div>
</div>

            
          

            
              <div class="widget widget--type-a">
  <div class="widget__wrapper">
    <div class="widget__header">
      <h4 class="widget__header-title">
        Widget title
      </h4>
    </div>
    <div class="widget__body">
      <a href="button-link" class="btn btn-link">Button widget link</a> <a href="button-link" class="btn btn-link">Button widget link</a> <a href="button-link" class="btn btn-link">Button widget link</a>
    </div>
  </div>
</div>