<div class="social-card" data-module="socialCard" data-card-id="{{cardId}}">
    <div class="grid-x">
        <div class="social-card__image cell medium-6">
            {{> @cp-medium-image responsiveImage}}
        </div>
        <div class="social-card__content cell medium-6">
            {{> @cp-like-button likeText}}
            <div class="social-card__heading">
                <div class="social-card__logo"></div>
                <p class="social-card__title js-title">{{title}}</p>
            </div>
            <p class="social-card__caption">{{caption}}</p>
            {{#if button}}
                {{> @cp-button-secondary target=button.target url=button.url text=button.text modifier="with-icon" cssClasses="social-card__button"}}
            {{/if}}
            {{#if tags}}
                {{> @cp-hashtags tags }}
            {{/if}}
        </div>
    </div>
</div>