.btn-flotante {
    font-size: 14px; /* Cambiar el tamaño de la tipografia */
    text-transform: uppercase; /* Texto en mayusculas */
    font-weight: bold; /* Fuente en negrita o bold */
    color: #1d5a7c; /* Color del texto */
    border-radius: 5px; /* Borde del boton */
    letter-spacing: 2px; /* Espacio entre letras */
    background-color: #ffffff; /* Color de fondo */
    padding: 14px 20px; /* Relleno del boton */
    position: fixed;
    top: 50px;
    transition: all 300ms ease 0ms;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    z-index: 99;
    text-decoration:none;
    font-family:arial;
    margin-left:50px;
    border:1px solid #1d5a7c;
}
.btn-flotante:hover {
    background-color: #009bc8; /* Color de fondo al pasar el cursor */
    color:#ffffff;
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
    transform: translateY(-5px);
}
@media only screen and (max-width: 600px) {
    .btn-flotante {
        font-size: 12px;
        padding: 12px 20px;
        top:20px;
        margin-left:0;
    }
}