.btn-flotante {
    font-size: 16px; /* Cambiar el tamaño de la tipografia */
    font-weight: bold; /* Fuente en negrita o bold */
    color: #ffffff; /* Color del texto */
    border-radius: 5px; /* Borde del boton */
    letter-spacing: 2px; /* Espacio entre letras */
    background-color: #6fe91e; /* Color de fondo */
    padding: 18px 30px; /* Relleno del boton */
    position: fixed;
    bottom: 37px;
    right: 40px;
    transition: all 300ms ease 0ms;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    z-index: 99;
    text-decoration: none;
}
.btn-flotante:hover {
background-color: #f70743;
transform: translateY(-7px);
}

.btn-what {
    padding: 18px 30px; /* Relleno del boton */
    position: fixed;
    bottom: 120px;
    right: 40px;
    transition: all 300ms ease 0ms;
    z-index: 99;
    text-decoration: none;
}
.btn-what:hover {    
    transform: translateY(-7px);
}

.imgwhat{
    width: 40px;
    height: 40px;
}

 .header-brand-img {
    height: 230px!important; 
    width: 100%!important;
}

@media only screen and (max-width: 600px) {
    .btn-flotante {
        font-size: 14px;
        padding: 12px 20px;
        bottom: 160px;
        right: 30px;
    }
    
    .btn-what {
        font-size: 14px;
        padding: 12px 20px;
        bottom: 205px;
        left: 250px;
    }
    
    .header-brand-img {
        height: 120px!important;
    }
}

.form-login{
    max-width: 350px;
    padding-top: 20px;
    padding-bottom: 20px;
}