{% macro render(o, alt = false) %}
{% import "Macros/button.html.twig" as button %}
{% import "Macros/productHeader.html.twig" as header %}

<article class="account anim-scroll anim-from-bottom shadow-alt-3 flex col space success text-center {{desktop((alt ? 'w100' : 'third-25 ')~' radius-20 vt-40 bottom-40-in hz-30-in')}} {{mobile('w100 vt-40 bottom-20-in radius-10 hz-20-in')}}">
    <div class="flex col center">

        {{ header.render(o.icon ?? "icons/credit-alt.svg",o.label) }}

        <h2 class="h4 semibold {{desktop('')}} {{mobile('')}}">{{o.label}}</h2>
        <div class="flex col center">
            <div class="flex col center vt-7-in ">
                <span class="monthlyFee p-alt gray-alt upper">Taux HT</span>
                <i class="h4 bold warning">{{o.rate}}</i>
            </div>
        </div>
        <div class="">
            <div class="flex row vt-5 black">
                <span>{{o.object}}</span>
            </div>
        </div>
    </div>

    {% if not alt %}
    {{button.render(path("credit",{slug:o.slug}))}}
    {% endif %}

</article>
{% endmacro %}