/* Floating WhatsApp button. */

.danel-floating-whatsapp {
	position: fixed;
	bottom: 30px;
	left: 30px;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background-color: var(--danel-gold, #c9a568);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
	z-index: 99999;
	transition: background-color 0.25s ease, color 0.25s ease;
	text-decoration: none;
	outline: none;
}

.danel-floating-whatsapp svg {
	width: 30px;
	height: 30px;
	fill: currentColor;
	transition: fill 0.25s ease;
}

.danel-floating-whatsapp:hover,
.danel-floating-whatsapp:focus {
	background-color: #ffffff;
	color: #12161c;
}

@media (max-width: 600px) {

	.danel-floating-whatsapp {
		bottom: 20px;
		left: 20px;
		width: 52px;
		height: 52px;
	}

	.danel-floating-whatsapp svg {
		width: 26px;
		height: 26px;
	}

}