:root{
	--share-primary:#0f5eea;
	--share-secondary:#ff8a00;
	--share-primary-rgb:15,94,234;
	--share-secondary-rgb:255,138,0;
	--share-text:#14213d;
	--share-muted:#667085;
	--share-border:#e7edf7;
}

.share-box{
	margin:28px 0;
	padding:20px;
	border:1px solid var(--share-border);
	border-radius:24px;
	background:
		radial-gradient(circle at 8% 0%, rgba(var(--share-primary-rgb),.08), transparent 30%),
		linear-gradient(180deg,#ffffff,#f8fbff);
	box-shadow:0 14px 35px rgba(31,48,95,.07);
	font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}

.share-box *{
	box-sizing:border-box;
}

.share-box-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	margin-bottom:16px;
}

.share-box-head strong{
	display:block;
	color:var(--share-text);
	font-size:20px;
	line-height:1.2;
	font-weight:900;
	letter-spacing:-.03em;
}

.share-box-head span{
	display:block;
	margin-top:4px;
	color:var(--share-muted);
	font-size:14px;
	font-weight:700;
}

.share-buttons{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}

.share-button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	min-height:46px;
	padding:0 16px;
	border-radius:999px;
	color:#fff!important;
	text-decoration:none!important;
	font-size:14px;
	font-weight:900;
	line-height:1;
	border:0;
	box-shadow:0 12px 24px rgba(31,48,95,.10);
	transition:transform .18s ease, filter .18s ease, box-shadow .18s ease;
}

.share-button:hover{
	transform:translateY(-1px);
	filter:brightness(1.04);
	box-shadow:0 16px 28px rgba(31,48,95,.14);
	color:#fff!important;
	text-decoration:none!important;
}

.share-style-square .share-button{
	border-radius:14px;
}

.share-button-icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:24px;
	height:24px;
	border-radius:999px;
	background:rgba(255,255,255,.20);
	font-weight:900;
	font-size:15px;
}

.share-whatsapp{
	background:linear-gradient(135deg,#25d366,#128c7e);
}

.share-facebook{
	background:linear-gradient(135deg,#1877f2,#0f5bd5);
}

.share-instagram{
	background:linear-gradient(135deg,#f58529,#dd2a7b 45%,#8134af);
}

.share-x{
	background:linear-gradient(135deg,#111827,#000000);
}

.share-hide-labels .share-button{
	width:48px;
	padding:0;
}

.share-hide-labels .share-button-label{
	display:none;
}

.share-copy-feedback{
	min-height:20px;
	margin-top:12px;
	color:#16a34a;
	font-size:13px;
	font-weight:800;
}

@media(max-width:640px){
	.share-box{
		padding:16px;
		border-radius:20px;
	}

	.share-box-head strong{
		font-size:18px;
	}

	.share-buttons{
		display:grid;
		grid-template-columns:1fr 1fr;
	}

	.share-button{
		width:100%;
	}
}