.oqi-wa {
	position: fixed;
	right: 22px;
	bottom: 22px;
	z-index: 99999;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #25d366;
	box-shadow: 0 10px 30px rgba(18, 140, 70, 0.35);
	display: grid;
	place-items: center;
	text-decoration: none;
	color: #fff;
}

.oqi-wa__icon {
	position: relative;
	z-index: 2;
	display: grid;
	place-items: center;
}

.oqi-wa__pulse {
	position: absolute;
	inset: -8px;
	border-radius: 50%;
	border: 2px solid rgba(37, 211, 102, 0.55);
	animation: oqiWaPulse 1.8s ease-out infinite;
}

.oqi-wa__tip {
	position: absolute;
	right: 72px;
	white-space: nowrap;
	background: #07251c;
	color: #fff;
	font: 600 12px/1 "Outfit", "Segoe UI", sans-serif;
	letter-spacing: 0.04em;
	padding: 8px 12px;
	border-radius: 999px;
	opacity: 0;
	transform: translateX(8px);
	pointer-events: none;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.oqi-wa:hover .oqi-wa__tip,
.oqi-wa:focus-visible .oqi-wa__tip {
	opacity: 1;
	transform: translateX(0);
}

.oqi-wa:focus-visible {
	outline: 3px solid #c9a45c;
	outline-offset: 3px;
}

@keyframes oqiWaPulse {
	from {
		transform: scale(0.85);
		opacity: 0.9;
	}
	to {
		transform: scale(1.25);
		opacity: 0;
	}
}

@media (max-width: 720px) {
	.oqi-wa {
		right: 16px;
		bottom: 16px;
		width: 56px;
		height: 56px;
	}

	.oqi-wa__tip {
		display: none;
	}
}