teaser-monolithic.html

<!-- 
This is the teaser monolithic. 
All goes in one file, which prevents you from decoupling and reusing styles.
:(
-->
<div class="teaser__base teaser__align--center">
  <div class="teaser__outerWrapper">
    <div class="teaser__wrapper">
    <img class="teaser__img" src="https://loremflickr.com/480/240" alt="random image"/>
  </div>
  <div class="teaser__wrapper">
    <h2 class="teaser__hl">Teaser Headline</h2>
    <button class="teaser__button">
      <span class="teaser__buttonLabel">Click me!</span>
      <span class="teaser__icon">
          <!-- svg stuff would go here -->
      </span>
    </button> 
  </div>
  </div>
</div>