MODELO I:

<style>
.btn-flotante {
font-size: 16px; /* Cambiar el tamaño de la tipografia */
color: #ffffff; /* Color del texto */
letter-spacing: 2px; /* Espacio entre letras */
background-color: #be0216; /* Color de fondo */
padding: 15px 15px; /* 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: #000000; /* 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;
}
}

</style>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    
   
<a href="https://vinas-en-flor.meitre.com/" class="btn-flotante" style="color: #ffffff; text-decoration: None">
<span class="glyphicon glyphicon-calendar"></span> Reservas
</a>