@import url("./root.css");
@import url("./base.css");
@import url("./font-size.css");
@import url("./display.css");
@import url("./flex.css");
@import url("./gap.css");
@import url("./order.css");
@import url("./aspect-ratio.css");
@import url("./letter-spacing.css");
@import url("./classes.css");
@import url("./header.css");
@import url("./footer.css");

.floating-whatsapp {
	display: inline-flex;
	position: fixed;
	bottom: 2rem;
	right: 2rem;
	font-size: 3rem;
	filter: drop-shadow(0 .25rem 1rem #00000033);
	transition: all .3s;
	z-index: 9999;
	
	&:hover {
		scale: 1.2;
	}
	
	@media (width >= 768px) {
		bottom: 2rem;
		right: 2rem;
		font-size: 4rem;
	}
}