newsletter-teaser

// src/components/patterns/newsletter-teaser/newsletter-teaser.html.twig

<article class="NewsletterTeaser js-NewsletterTeaser u-container">
  <div class="NewsletterTeaser-inner">
    <div class="NewsletterTeaser-iconWrapper js-NewsletterTeaser-icon"{% if lottie_path %} data-lottie-path="{{ lottie_path }}"{% endif %}>
      <span class="js-NewsletterTeaser-iconFallback">
        {% include "@elements/icon/icon.html.twig" with {name: "mail-animated"} only %}
      </span>
    </div>
    {% if headline %}
      <h3 class="NewsletterTeaser-headline u-typo-headline3">{{ headline|german_quotes }}</h3>
    {% endif %}
    {% if description %}
      <p class="NewsletterTeaser-copy u-typo-copy">{{ description|german_quotes }}</p>
    {% endif %}
    {% if button %}
      {% include "@elements/button/button.html.twig" with button|merge({class: "NewsletterTeaser-button"}) only %}
    {% endif %}
  </div>
</article>