/**
 * MSE School Theme
 * Floating WhatsApp Button
 */

.mse-floating-whatsapp {
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 9999;

	display: flex;
	align-items: center;
	justify-content: center;

	width: var(--mse-whatsapp-size, 58px);
	height: var(--mse-whatsapp-size, 58px);

	background: var(--mse-whatsapp-color, #25D366);
	color: #ffffff;

	border-radius: 50%;

	text-decoration: none;

	box-shadow:
		0 8px 24px rgba(0, 0, 0, 0.16);

	transition:
		transform 0.25s ease,
		box-shadow 0.25s ease,
		filter 0.25s ease;
}

.mse-floating-whatsapp:hover {
	transform: translateY(-4px) scale(1.05);

	box-shadow:
		0 12px 30px rgba(0, 0, 0, 0.22);

	filter: brightness(1.04);

	color: #ffffff;
}

.mse-floating-whatsapp:focus-visible {
	outline: 3px solid rgba(37, 211, 102, 0.35);
	outline-offset: 4px;
}

.mse-floating-whatsapp-icon {
	display: block;

	width: 58%;
	height: 58%;

	fill: currentColor;
}

/* Mobile */
@media (max-width: 767px) {

	.mse-floating-whatsapp {
		right: 16px;
		bottom: 16px;
	}
}

/* Small mobile */
@media (max-width: 480px) {

	.mse-floating-whatsapp {
		right: 14px;
		bottom: 14px;
	}
}