<div class="fr-connect-group">
    <button class="fr-connect">
        <span class="fr-connect__login">S’identifier avec</span>
        <span class="fr-connect__brand">FranceConnect</span>
    </button>
    <p>
        <a href="https://franceconnect.gouv.fr/">Qu’est ce que France Connect ?</a>
    </p>
    <p>
        FranceConnect est la solution proposée par l’État pour sécuriser et simplifier la connexion à vos services en ligne.
    </p>
</div>

<div class="fr-connect-group">
    <button class="fr-connect fr-connect--plus">
        <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">Qu’est ce que France Connect+ ?</a>
    </p>
    <p>
        FranceConnect+ est la solution proposée par l’État pour vous connecter à vos démarches les plus sensibles.
    </p>
</div>

<div class="fr-connect-group">
    <button class="fr-connect">
        <span class="fr-connect__login">Sign in with</span>
        <span class="fr-connect__brand">FranceConnect</span>
    </button>
    <p>
        <a href="https://franceconnect.gouv.fr/">Qu’est ce que France Connect ?</a>
    </p>
    <p>
        FranceConnect est la solution proposée par l’État pour sécuriser et simplifier la connexion à vos services en ligne.
    </p>
</div>

<div class="fr-connect-group">
    <button class="fr-connect">
        <span class="fr-connect__login">Einloggen mit</span>
        <span class="fr-connect__brand">FranceConnect</span>
    </button>
    <p>
        <a href="https://franceconnect.gouv.fr/">Qu’est ce que France Connect ?</a>
    </p>
    <p>
        FranceConnect est la solution proposée par l’État pour sécuriser et simplifier la connexion à vos services en ligne.
    </p>
</div>

<div class="fr-connect-group">
    <button class="fr-connect">
        <span class="fr-connect__login">Iniciar sesion con</span>
        <span class="fr-connect__brand">FranceConnect</span>
    </button>
    <p>
        <a href="https://franceconnect.gouv.fr/">Qu’est ce que France Connect ?</a>
    </p>
    <p>
        FranceConnect est la solution proposée par l’État pour sécuriser et simplifier la connexion à vos services en ligne.
    </p>
</div>