{{{customeditframe.editframeStart}}}
<div class="social-card" data-module="socialCard">
    <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">
            <div class="social-card__heading">
                <div class="social-card__logo"></div>
                <p class="social-card__title">{{{title}}}</p>
            </div>
            <p class="social-card__caption">{{{caption}}}</p>
            {{#if button}}
                {{> @cp-button-secondary target=button.target href=button.url text=button.text modifier="with-icon" cssClasses="social-card__button"}}
            {{/if}}
        </div>
    </div>
</div>
{{{customeditframe.editframeStop}}}