<article class="bz-trending-card">
  <a href="{url}" class="bz-trending-card-img">
    [if {cover}]<img src="{cover|medium}" alt="{title}" loading="lazy">[/if]
  </a>
  <div class="bz-trending-card-body">
    <span class="bz-tag">[if {category.title}]{category.title}[else]Article[/if]</span>
    <h3 class="bz-card-title"><a href="{url}">{title}</a></h3>
    <div class="bz-card-meta">
      {icon name="calendar" size="14"} <span>{date}</span>
      <span>·</span>
      <span>{icon name="eye" size="14"} {views}</span>
      <div class="bz-card-meta-actions">
        <button type="button" aria-label="Bookmark">{icon name="bookmark" size="14"}</button>
        <button type="button" aria-label="Like">{icon name="heart" size="14"}</button>
      </div>
    </div>
  </div>
</article>
