{{#if html}}
    <div class="fading-content">
        {{{html}}}
    </div>
{{/if}}

<div class="post-upgrade-cta">
    <div class="post-upgrade-cta-content">
        {{#has visibility="paid"}}
            <h2>{{t "This post is for paying subscribers only"}}</h2>
        {{/has}}
        {{#has visibility="members"}}
            <h2>{{t "This post is for subscribers only"}}</h2>
        {{/has}}
        {{#has visibility="tiers"}}
            <h2>{{t "This post is for subscribers on the"}}&nbsp;{{tiers}}&nbsp;{{t "only."}}</h2>
        {{/has}}
        <div class="post-upgrade-cta-paragraph">
            <p>{{t "Subscribe now and have access to all our stories, enjoy exclusive content and stay up to date with constant updates."}}</p>
        </div>
            {{#if @member}}
                <a class="button" {{#match @custom.use_custom_pages "None"}}href="javascript:" data-portal="account/plans"{{else}}href="{{@site.url}}/membership/"{{/match}}>
                    {{t "Upgrade your account"}}
                </a>
            {{else}}
                <a class="button" {{#match @custom.use_custom_pages "None"}}href="javascript:" data-portal="signup"{{else}}href="{{@site.url}}/signup/"{{/match}}>
                    {{t "Subscribe now"}}
                </a>
                <div class="under-button-wrapper">
                    <p><small><span>{{t "Already a member?"}}</span> <a class="bold-link" {{#match @custom.use_custom_pages "None"}}href="javascript:" data-portal="signin"{{else}}href="{{@site.url}}/signin/"{{/match}}>{{t "Sign in"}}</a></small></p>
                </div>
            {{/if}}
    </div>
</div>