/**
 * Match Elementor Pro Share Buttons on Blog Single (flat / circle / custom):
 * black fill, white glyph, ~45px circle, hover → CTA red.
 */
.blog-share-copy {
	--blog-share-copy-bg: #000000;
	--blog-share-copy-icon: #ffffff;
	--blog-share-copy-hover: #e63e62;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	font-size: 10px;
	width: 4.5em;
	height: 4.5em;
	border-radius: 99.9em;
	overflow: hidden;
	background-color: var(--blog-share-copy-bg);
	color: var(--blog-share-copy-icon);
	line-height: 0;
	transition: background-color 0.2s ease;
	vertical-align: middle;
}

.blog-share-copy:hover,
.blog-share-copy:focus {
	background-color: var(--blog-share-copy-hover);
	color: var(--blog-share-copy-icon);
}

.blog-share-copy:focus-visible {
	outline: 2px solid var(--blog-share-copy-hover);
	outline-offset: 2px;
}

.blog-share-copy__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.blog-share-copy__icon svg {
	display: block;
	width: 1.7em;
	height: 1.7em;
	fill: currentColor;
}