/* Areas/Identity/Pages/Account/Login.cshtml */
/* Bloc de saisie remonte : le logo occupait 240 px et repoussait le premier champ
   a 75 % de la hauteur de page, bouton sous la ligne de flottaison sur un portable.
   Cible : la saisie commence juste au-dessus du milieu. */
.btn-microsoft {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    border: 1px solid #8c8c8c;
    color: #5e5e5e;
    padding: 10px 24px;
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
    border-radius: 4px; /* Pour correspondre à l'arrondi de votre autre bouton */
    width: 100%; /* Optionnel : pour qu'il prenne toute la largeur comme les inputs */
    max-width: 300px; /* Pour éviter qu'il soit trop large sur grand écran */
    margin: 0 auto;
}

    .btn-microsoft:hover {
        background-color: #f3f3f3;
    }

    .btn-microsoft svg {
        margin-right: 12px;
        width: 21px;
        height: 21px;
    }