/**
 * Share Socials Block Styles
 */

.wp-block-mild-share-socials {
	/* Block wrapper */
}

.share-socials-wrapper {
	display: flex;
	align-items: center;
}

.share-social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background-color: transparent;
	color: inherit;
	transition: all 0.2s ease;
	cursor: pointer;
	text-decoration: none;
	padding: 0;
}

.share-social-link:hover {
	transform: scale(1.1);
	opacity: 0.8;
}


/* Facebook specific styles */
.share-facebook {
	color: #1877F2;
}

/* LinkedIn specific styles */
.share-linkedin {
	color: #0A66C2;
}

/* Copy URL specific styles */
.share-copy-url {
	color: #6B7280;
	position: relative;
}

.copy-feedback {
	position: absolute;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #111827;
	color: white;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 12px;
	white-space: nowrap;
	pointer-events: none;
}

.copy-feedback::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #111827;
}