:root {
	--msp-text: #ffffff;
	--msp-phone: #111111;
	--msp-whatsapp: #25d366;
	--msp-viber: #7360f2;
}

.msp-mobile-bar {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999999;
	display: none;
	grid-template-columns: repeat(var(--msp-cols, 3), minmax(0, 1fr));
	gap: 0;
	padding: 0;
	padding-bottom: env(safe-area-inset-bottom);
}

.msp-mobile-bar__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 56px;
	padding: 9px 10px;
	border: 0;
	border-radius: 0;
	color: var(--msp-text);
	text-decoration: none;
	transition: transform 0.18s ease, filter 0.18s ease;
}

.msp-mobile-bar__btn:active {
	transform: scale(0.985);
	filter: brightness(1.08);
}

.msp-mobile-bar__icon {
	display: inline-flex;
	width: 28px;
	height: 28px;
}

.msp-mobile-bar__icon svg {
	width: 100%;
	height: 100%;
	fill: currentColor;
}

.msp-mobile-bar__label {
	display: none;
}

.msp-mobile-bar__btn--phone {
	background: var(--msp-phone);
}

.msp-mobile-bar__btn--whatsapp {
	background: var(--msp-whatsapp);
}

.msp-mobile-bar__btn--viber {
	background: var(--msp-viber);
}

@media (max-width: 767px) {
	.msp-mobile-bar {
		display: grid;
	}

	body.msp-has-mobile-bar {
		padding-bottom: var(--msp-mobile-bar-space, 76px);
	}
}