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

    .btn-flotante:hover {
        background-color: #2c2fa5; /* Color de fondo al pasar el cursor */
        box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
        transform: translateY(-7px);
    }

.btn-flotante-0 {
    right: 40px;
}
.btn-flotante-1 {
    right: 120px;
}
.btn-flotante-2 {
    right: 200px;
}

    @media only screen and (max-width: 600px) {
        .btn-flotante {
            font-size: 14px;
            padding: 12px 20px;
            bottom: 20px;
            right: 325px;
        }
        .btn-flotante-0 {
            right: 20px;
        }

        .btn-flotante-1 {
            right: 80px;
        }

        .btn-flotante-2 {
            right: 140px;
        }
    }