.b2b-whatsapp-button {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: #25d366;
	box-shadow: 0 4px 12px rgba( 0, 0, 0, 0.25 );
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.b2b-whatsapp-button:hover,
.b2b-whatsapp-button:focus {
	transform: scale( 1.08 );
	box-shadow: 0 6px 16px rgba( 0, 0, 0, 0.3 );
}

.b2b-whatsapp-button__tooltip {
	position: absolute;
	right: calc( 100% + 12px );
	top: 50%;
	transform: translateY( -50% ) translateX( 6px );
	background: #111b21;
	color: #fff;
	padding: 8px 14px;
	border-radius: 6px;
	font-size: 14px;
	line-height: 1.3;
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.b2b-whatsapp-button__tooltip::after {
	content: '';
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY( -50% );
	border: 6px solid transparent;
	border-left-color: #111b21;
}

.b2b-whatsapp-button:hover .b2b-whatsapp-button__tooltip,
.b2b-whatsapp-button:focus .b2b-whatsapp-button__tooltip {
	opacity: 1;
	transform: translateY( -50% ) translateX( 0 );
}

@media ( max-width: 600px ) {
	.b2b-whatsapp-button {
		right: 16px;
		bottom: 16px;
		width: 52px;
		height: 52px;
	}

	.b2b-whatsapp-button__tooltip {
		display: none;
	}
}