/* Flomicso Social Share - front-end styles */

.fss-share-bar {
	--fss-color: #0A1F44;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 24px 0;
}
.fss-share-bar.fss-align-center { justify-content: center; }
.fss-share-bar.fss-align-right { justify-content: flex-end; }
.fss-share-bar.fss-align-vertical { flex-direction: column; align-items: flex-start; }

.fss-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 12px;
	border-radius: 999px;
	background: var(--fss-color);
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-family: inherit;
	line-height: 1;
	border: none;
	cursor: pointer;
	transition: opacity .15s ease, transform .15s ease;
}
.fss-btn:hover,
.fss-btn:focus {
	opacity: .85;
	transform: translateY(-1px);
	color: #fff;
}
.fss-btn svg { display: block; flex-shrink: 0; }
.fss-btn .fss-label { white-space: nowrap; }

.fss-style-icon_only .fss-btn .fss-label { display: none; }
.fss-style-icon_only .fss-btn { padding: 8px; }

.fss-floating {
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9999;
}
.fss-floating-left { left: 12px; }
.fss-floating-right { right: 12px; }
.fss-floating .fss-label { display: none; }
.fss-floating .fss-btn { padding: 8px; }

@media (max-width: 680px) {
	.fss-floating {
		position: static;
		transform: none;
		margin: 16px auto;
		display: flex;
		justify-content: center;
	}
	.fss-floating .fss-share-bar {
		flex-direction: row;
	}
}

.fss-copy_link.fss-copied {
	background: #2e7d32 !important;
}