body {
  background-image:url(/assets/images/patron-fondo.png);
}
.margen {
  margin:50px;
}

.margen-w {
  margin-top:55px;
}
.btn-flotante {
                font-size: 16px; /* Cambiar el tamaño de la tipografia */
                color: #ffffff; /* Color del texto */
                border-radius: 10px; /* Borde del boton */
                padding: 18px 30px; /* Relleno del boton */
                position: fixed;
                /*bottom: 40px;
                right: 40px;*/
                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);
}
@media only screen and (max-width: 600px) {
               .btn-flotante {
                               font-size: 14px;
                               padding: 12px 20px;
                               bottom: 20px;
                               right: 20px;
                }
}
.ico-bco {
  color:white;
}

.btn-azul {
  background-color: blue;
}

}
.ico-bco {
  color:white;
}

.btn-verde {
  background-color: green;
}