.sp-wa-wrap{
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:1000;
	display:flex;
	align-items:center;
	gap:0;
}

.sp-wa-tooltip{
	background:#fff;
	color:#1c130d;
	font-family:'Inter', sans-serif;
	font-size:.85rem;
	font-weight:500;
	padding:10px 16px;
	border-radius:10px;
	box-shadow:0 6px 18px rgba(0,0,0,.15);
	white-space:nowrap;
	margin-right:12px;
	opacity:0;
	transform:translateX(8px);
	pointer-events:none;
	transition:opacity .2s ease, transform .2s ease;
}
.sp-wa-wrap:hover .sp-wa-tooltip{
	opacity:1;
	transform:translateX(0);
}

.sp-wa-float{
	position:static;
	width:58px;
	height:58px;
	background:#25D366;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:0 6px 20px rgba(0,0,0,.25);
	z-index:1000;
	transition:transform .2s ease, box-shadow .2s ease;
	animation:spWaPulse 2.5s ease-in-out infinite;
}
.sp-wa-float:hover{
	transform:scale(1.08);
	box-shadow:0 8px 26px rgba(0,0,0,.32);
}
.sp-wa-float svg{
	width:30px;
	height:30px;
}

@keyframes spWaPulse{
	0%, 100%{ box-shadow:0 6px 20px rgba(0,0,0,.25), 0 0 0 0 rgba(37,211,102,.4); }
	50%{ box-shadow:0 6px 20px rgba(0,0,0,.25), 0 0 0 10px rgba(37,211,102,0); }
}

@media (max-width:600px){
	.sp-wa-wrap{ right:14px; bottom:14px; }
	.sp-wa-float{ width:52px; height:52px; }
	.sp-wa-float svg{ width:26px; height:26px; }
	.sp-wa-tooltip{ display:none; }
}