.container-login100 {
    position: absolute;
    background: #ffffff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wrap-login100 {
    background: white;
    padding: 5px;
}

.buttons-wrapper {
    margin-top: 24px;
}
    .buttons-wrapper::before {
        color: rgb(94, 108, 132);
        content: "O continuar con:";
        display: block;
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 16px;
        font-weight: 600;
        text-align: center;
    }

.container-login-external-button {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .container-login-external-button:not(:last-child) {
        margin-bottom: 8px;
    }


.external-button {
    -webkit-box-align: baseline;
    align-items: baseline;
    width: 100%; /* Make the button take up the full width of the container */
    text-align: center;
    box-shadow: none;
    font-weight: bold;
    border: 1px solid rgb(193, 199, 208);
    border-radius: 3px;
    /*padding: 0px 10px;*/
    vertical-align: middle;
    /*line-height: 40px !important;*/
    -webkit-box-pack: center;
    justify-content: center;
    color: #42526E !important;
}

    /* Full-size link styles */
    .external-button a {
        display: block;
        padding: 10px; /* Optional: Add padding for visual comfort */
        text-decoration: none;
        color: #333;
    }

        .external-button a:hover {
            /*transform: scale(1.1);*/ /* Aumentar tamaño del texto */
            /*font-size: 18px;*/
            /* Otros estilos que desees aplicar */
            background: rgba(9, 30, 66, 0.04) !important;
            color: #476496 !important;
        }
        /*.external-button a:hover {
            transform: scale(1.1);*/ /* Increase size */
            /*font-size: 18px;
        }*/

    .external-button img {
        width: 20px; /* Adjust the width of the image */
        height: auto; /* Maintain aspect ratio */
        margin-right: 5px; /* Add some space to the right of the image */
    }

.login100-form-btn:hover {
    background: #5e8fff;
    text-decoration: inherit;
    transition-duration: 0s, 0.15s;
}