article-card.mustache

<article class="card article-card {{ classes }}">
  <div class="article-card-cover">
    <a href="#href">
      <img src="{{ img.landscape-16x9.src }}" />
    </a>
    <div class="article-card-cover__details">
      <div class="article-card-sharing">
        {{> molecules-small-colored-social-icon-group }}
      </div>
      <div class="article-card-meta">
        <span class="article-card-meta__item">{{ date }}</span>
        <span class="article-card-meta__item">{{ organization.name }}</span>
      </div>
    </div>
  </div>
  <div class="card__body article-card__body">
    <a href="#"><h1 class="article-card__headline">{{ headline.medium }}</h1></a>
    <p class="article-card__excerpt">{{ excerpt.long }}</p>
    <div class="inline-block-nogap mt-2">
      {{> atoms-basic-button(classes: "article-card__category-button btn--grey-125 btn--condensed text-sm font-light", cta: "Kategorie 1") }}
      {{> atoms-basic-button(classes: "article-card__category-button btn--grey-125 btn--condensed text-sm font-light", cta: "Kategorie 2") }}
      {{> atoms-basic-button(classes: "article-card__category-button btn--grey-125 btn--condensed text-sm font-light", cta: "Dlouhá kategorie 3") }}
    </div>
  </div>
</article>