.bl-share { display: inline-flex; flex-wrap: wrap; gap: 6px; margin: 0; }

.bl-share-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border-radius: 50%;
	border: 1px solid var(--wp--preset--color--border, #e3dccb);
	background: #fff;
	color: #1f1d18;
	line-height: 1;
	text-decoration: none !important;
	transition: transform 0.15s ease, background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.bl-share-btn:hover { transform: translateY(-1px); }
.bl-share-btn svg { flex: 0 0 auto; width: 16px; height: 16px; }

/* Visually hidden label — kept for accessibility */
.bl-share-label {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0,0,0,0);
	white-space: nowrap; border: 0;
}

/* Count chip — small badge top-right of icon */
.bl-share-count {
	position: absolute;
	top: -4px; right: -6px;
	min-width: 16px; height: 16px;
	padding: 0 4px;
	border-radius: 999px;
	background: var(--wp--preset--color--primary, #dc2626);
	color: #fff;
	font-size: 10px;
	font-weight: 600;
	line-height: 16px;
	text-align: center;
	font-variant-numeric: tabular-nums;
	box-shadow: 0 0 0 2px #fff;
}
.bl-share-count:empty { display: none; }

.bl-share-facebook:hover { background: #1877f2; color: #fff; border-color: #1877f2; }
.bl-share-twitter:hover  { background: #000;     color: #fff; border-color: #000; }
.bl-share-linkedin:hover { background: #0a66c2; color: #fff; border-color: #0a66c2; }
.bl-share-email:hover    { background: #c89b3c; color: #fff; border-color: #c89b3c; }
.bl-share-whatsapp:hover { background: #25d366; color: #fff; border-color: #25d366; }