/***** BOTONES FLOTANTES *****/
#button-top, #button-whatsapp, #button-phone {
	position: fixed;
	z-index: 100;
	width: 52px;
	height: 52px;
	right: 20px;
	bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: white;
	cursor: pointer;
	box-shadow: 0 10px 24px -10px rgba(44, 45, 49, .55);
	transition: background-color .2s, transform .2s;
}

#button-top:hover, #button-whatsapp:hover, #button-phone:hover { transform: translateY(-2px); }

#button-top {
	background-color: var(--white);
	color: var(--ink);
	border: 1px solid var(--line);
	font-size: 30px;
	line-height: 1;
}

#button-top span { display: block; transform: rotate(90deg); margin-top: -3px; }

#button-top:hover { background-color: var(--blush); }

#button-phone { bottom: 148px; background-color: var(--primary); }
#button-phone:hover { background-color: var(--primary-hover); }

#button-whatsapp { bottom: 84px; background-color: #22A559; }
#button-whatsapp:hover { background-color: #1B8C4A; }

#button-whatsapp a, #button-phone a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
#button-whatsapp img { width: 28px; height: 28px; display: block; }
#button-phone img { width: 26px; height: 26px; display: block; }

@media only screen and (max-width: 599px) {
	#button-top, #button-whatsapp, #button-phone { width: 48px; height: 48px; right: 14px; bottom: 14px; }
	#button-whatsapp { bottom: 72px; }
	#button-phone { bottom: 130px; }
	#button-whatsapp img { width: 26px; height: 26px; }
	#button-phone img { width: 24px; height: 24px; }
}