.ss-6e76afb4-container {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.ss-layout-vertical {
	flex-direction: column;
}

.ss-layout-grid {
	display: grid;
}

.ss-layout-floating {
	position: fixed;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	flex-direction: column;
	z-index: 9999;
	gap: 0;
}

@media (max-width: 767px) {
	.ss-layout-floating {
		top: auto;
		bottom: 0;
		left: 0;
		right: 0;
		flex-direction: row;
		transform: none;
		justify-content: center;
		padding: 10px;
		background: #fff;
		box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
	}
}

.ss-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 15px;
	text-decoration: none !important;
	transition: all 0.3s ease;
	font-family: inherit;
	line-height: 1;
}

.ss-display-icon_only .ss-btn {
	padding: 12px;
}

/* Brand Colors */
.ss-btn-facebook { --brand-color: #1877F2; --brand-hover: #166FE5; --text-color: #fff; }
.ss-btn-x { --brand-color: #000000; --brand-hover: #222222; --text-color: #fff; }
.ss-btn-pinterest { --brand-color: #E60023; --brand-hover: #C0001A; --text-color: #fff; }
.ss-btn-whatsapp { --brand-color: #25D366; --brand-hover: #20BA5A; --text-color: #fff; }
.ss-btn-linkedin { --brand-color: #0A66C2; --brand-hover: #004182; --text-color: #fff; }
.ss-btn-reddit { --brand-color: #FF4500; --brand-hover: #E03D00; --text-color: #fff; }
.ss-btn-telegram { --brand-color: #26A5E4; --brand-hover: #1D8CC2; --text-color: #fff; }
.ss-btn-email { --brand-color: #666666; --brand-hover: #555555; --text-color: #fff; }
.ss-btn-messenger { --brand-color: #0084FF; --brand-hover: #006FE0; --text-color: #fff; }
.ss-btn-tumblr { --brand-color: #35465C; --brand-hover: #2A3749; --text-color: #fff; }
.ss-btn-threads { --brand-color: #000000; --brand-hover: #222222; --text-color: #fff; }
.ss-btn-snapchat { --brand-color: #FFFC00; --brand-hover: #F0ED00; --text-color: #000000; }
.ss-btn-tiktok { --brand-color: #000000; --brand-hover: #111111; --text-color: #fff; }
.ss-btn-copy_link { --brand-color: #6C757D; --brand-hover: #5A6268; --text-color: #fff; }

/* Solid Style */
.ss-style-solid .ss-btn {
	background-color: var(--brand-color);
	color: var(--text-color);
	border-radius: 4px;
}
.ss-style-solid .ss-btn:hover { background-color: var(--brand-hover); color: var(--text-color); }

/* Outline Style */
.ss-style-outline .ss-btn {
	background-color: transparent;
	color: var(--brand-color);
	border: 2px solid var(--brand-color);
	border-radius: 4px;
}
.ss-style-outline .ss-btn:hover { background-color: var(--brand-color); color: var(--text-color); }

/* Pill Style */
.ss-style-pill .ss-btn {
	background-color: var(--brand-color);
	color: var(--text-color);
	border-radius: 50px;
}
.ss-style-pill .ss-btn:hover { background-color: var(--brand-hover); color: var(--text-color); }

/* Square Style */
.ss-style-square .ss-btn {
	background-color: var(--brand-color);
	color: var(--text-color);
	border-radius: 0;
}
.ss-style-square .ss-btn:hover { background-color: var(--brand-hover); color: var(--text-color); }

/* Minimal Style */
.ss-style-minimal .ss-btn {
	background-color: transparent;
	color: var(--brand-color);
}
.ss-style-minimal .ss-btn:hover { color: var(--brand-hover); opacity: 0.8; }

/* Glassmorphism */
.ss-style-glass .ss-btn {
	background: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.3);
	color: var(--brand-color);
	border-radius: 8px;
}
.ss-style-glass .ss-btn:hover { background: rgba(255, 255, 255, 0.4); }

/* Modern Gradient */
.ss-style-gradient .ss-btn {
	background: linear-gradient(135deg, var(--brand-hover), var(--brand-color));
	color: var(--text-color);
	border-radius: 6px;
	box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.ss-style-gradient .ss-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.15); }