.btn-flotante {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #FFFFFF;
    border-radius: 5px;
    letter-spacing: 2px;
    background-color: #AD080B;
    padding: 18px 30px;
    position: fixed;
    bottom: 120px;
    right: 40px;
    transition: all 300ms ease 0ms;
    box-shadow: 0px 8px 15px rgb(0 0 0 / 10%);
    z-index: 99;
}


a, a:hover {
    text-decoration: none;
}

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

}

a, a:hover {
    text-decoration: none;
}
	
@media only screen and (max-width: 600px) {
 	.btn-flotante {
		font-size: 14px;
		padding: 12px 20px;
		bottom: 110px;
		right: 20px;
	}
}