_Module Teaser

_module-teaser-markup.html

<figure class="teaser">
    <a href="#" title="[HEADLINE]" class="teaser__link">
        <header class="teaser__header">
            <h2 class="teaser__headline">[Headline]</h2>
        </header>
        <img src="http://dummyimage.com/500x100/000/fff.png" alt="[IMGDescription]" class="teaser__image" />
        <figcaption class="teaser__description">[Text]</figcaption>
        <button class="teaser__button">[LINKTEXT)</button>
    </a>
</figure>

_module-teaser-styles.scss

.teaser {
    margin: $spacing-standard 0;
    
    &__link {
        display: block;
        text-decoration: none;
    }
    
    &__image {
        width: 100%;
    }

}