Bouton FranceConnect (connect)

<div class="fr-connect-group">
    <button class="fr-connect" id="connect-1067" type="button">
        <span class="fr-connect__login">S’identifier avec</span>
        <span class="fr-connect__brand">FranceConnect</span>
    </button>
    <p>
        <a href="https://franceconnect.gouv.fr/" id="connect-link-1068" target="_blank" rel="noopener" title="Qu’est-ce que FranceConnect ? - nouvelle fenêtre">Qu’est-ce que FranceConnect ?</a>
    </p>
</div>

<div class="fr-connect-group">
    <button class="fr-connect fr-connect--plus" id="connect-1072" type="button">
        <span class="fr-connect__login">S’identifier avec</span>
        <span class="fr-connect__brand">FranceConnect</span>
    </button>
    <p>
        <a href="https://franceconnect.gouv.fr/france-connect-plus" id="connect-link-1073" target="_blank" rel="noopener" title="Qu’est-ce que FranceConnect+ ? - nouvelle fenêtre">Qu’est-ce que FranceConnect+ ?</a>
    </p>
</div>

<div class="fr-connect-group">
    <button class="fr-connect fr-connect--pro" id="connect-1077" type="button">
        <span class="fr-connect__login">S’identifier avec</span>
        <span class="fr-connect__brand">ProConnect</span>
    </button>
    <p>
        <a href="https://proconnect.gouv.fr/" id="connect-link-1078" target="_blank" rel="noopener" title="Qu’est-ce que ProConnect ? - nouvelle fenêtre">Qu’est-ce que ProConnect ?</a>
    </p>
</div>