<div class="social-media">
    {{#if @custom.email_address}}
        <a class="social-icon" alt="Email" href={{@custom.email_address}}>
            {{> "icons/email"}}
        </a>
    {{/if}}

    {{#if @custom.mastodon_link}}
        <a class="social-icon" alt="Mastodon" href={{@custom.mastodon_link}}>
            {{> "icons/mastodon"}}
        </a>
    {{/if}}

    {{#if @custom.matrix_contact}}
        <a class="social-icon" alt="Matrix" href={{@custom.matrix_contact}}>
            {{> "icons/matrix"}}
        </a>
    {{/if}}

    {{#if @custom.linkedin_contact}}
        <a class="social-icon" alt="LinkedIn" href={{@custom.linkedin_contact}}>
            {{> "icons/linkedin"}}
        </a>
    {{/if}}
</div>
