body { 
	background: #ECEFF1; 
	color: rgba(0,0,0,0.87); 
	font-family: Roboto, Helvetica, Arial, sans-serif; 
	margin: 0; 
	padding: 0; 
}

#message { 
	background: white; 
	max-width: 360px; 
	margin: 100px auto 16px; 
	padding: 32px 24px 16px; 
	border-radius: 3px; 
}

#message h3 { 
	color: #888; 
	font-weight: normal; 
	font-size: 16px; 
	margin: 16px 0 12px; 
}

#message h2 { 
	color: #ffa100; 
	font-weight: bold; 
	font-size: 16px; 
	margin: 0 0 8px; 
}

#message h1 { 
	font-size: 22px; 
	font-weight: 300; 
	color: rgba(0,0,0,0.6); 
	margin: 0 0 16px;
}

#message p { 
	line-height: 140%; 
	margin: 16px 0 24px; 
	font-size: 14px; 
}

#message a { 
	display: block; 
	text-align: center; 
	background: #039be5; 
	text-transform: uppercase; 
	text-decoration: none; 
	color: white; 
	padding: 16px; 
	border-radius: 4px; 
}

#message, #message a { 
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); 
}

#load { 
	color: rgba(0,0,0,0.4); 
	text-align: center; 
	font-size: 13px; 
}

@media (max-width: 600px) {
	body, #message { margin-top: 0; background: white; box-shadow: none; }
	body { border-top: 16px solid #ffa100; }
}

.btn-flotante {
		font-size: 1.5em; /* Cambiar el tamaño de la tipografia */
		font-weight: bold; /* Fuente en negrita o bold */
		color: #ffffff; /* Color del texto */
		border-radius: 5px; /* Borde del boton */
		background-color: #fe2990; /* Color de fondo */
		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: 1.5em;
			padding: 12px 20px;
			bottom: 20px;
			right: 20px;
		}
	}