.kayss-whatsapp {
	position: fixed;
	right: 22px;
	bottom: 22px;
	z-index: 60;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	height: 56px;
	padding: 0 18px 0 14px;
	border-radius: 999px;
	background: #25d366;
	color: #fff;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
	font-family: Oswald, sans-serif;
	font-size: 0.82rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1;
}

.kayss-whatsapp:hover,
.kayss-whatsapp:focus-visible {
	background: #1ebe5d;
	color: #fff;
	transform: translateY(-2px);
}

.kayss-whatsapp__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 28px;
	width: 28px;
	height: 28px;
}

.kayss-whatsapp__icon svg {
	display: block;
	width: 28px;
	height: 28px;
	flex: none;
	aspect-ratio: 1 / 1;
	overflow: visible;
}

@media (max-width: 720px) {
	.kayss-whatsapp {
		right: 16px;
		bottom: 16px;
		width: 56px;
		height: 56px;
		padding: 0;
	}

	.kayss-whatsapp__label {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
	}

	.hero__controls {
		right: 88px;
	}
}

.kayss-maps {
	position: fixed;
	right: 22px;
	bottom: 22px;
	z-index: 60;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	height: 56px;
	padding: 0 18px 0 14px;
	border-radius: 999px;
	background: var(--kayss-yellow, #ffd000);
	color: var(--kayss-black, #0a0a0a);
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
	font-family: Oswald, sans-serif;
	font-size: 0.82rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1;
}

.kayss-maps:hover,
.kayss-maps:focus-visible {
	background: var(--kayss-yellow-deep, #e6bb00);
	color: var(--kayss-black, #0a0a0a);
	transform: translateY(-2px);
}

.kayss-maps__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 26px;
	width: 26px;
	height: 26px;
}

.kayss-maps__icon svg {
	display: block;
	width: 26px;
	height: 26px;
	flex: none;
	aspect-ratio: 1 / 1;
}

.kayss-maps-link {
	color: var(--kayss-yellow, #ffd000);
	text-decoration: underline;
	text-underline-offset: 3px;
}

body:has(.kayss-whatsapp) .kayss-maps {
	bottom: 90px;
}

@media (max-width: 720px) {
	.kayss-maps {
		right: 16px;
		bottom: 16px;
		width: 56px;
		height: 56px;
		padding: 0;
	}

	body:has(.kayss-whatsapp) .kayss-maps {
		bottom: 80px;
	}

	.kayss-maps__label {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
	}
}

body.is-menu-open .kayss-maps,
body.is-menu-open .kayss-whatsapp {
	visibility: hidden;
	pointer-events: none;
}