/* Botão vazado, no mesmo estilo do "Adicionar ao Carrinho" — tudo vem do Tema Global (--csl-t-*) */
.csl-share-wrap { margin: 10px 0; }
.csl-share-wrap .csl-share-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	height: var(--csl-ajax-btn-height, 36px) !important;
	min-height: 0 !important;
	padding: 0 var(--csl-ajax-btn-padding-x, 10px) !important;
	box-sizing: border-box !important;
	border: var(--csl-ajax-add-btn-border-width, 2px) solid var(--csl-t-btn-sec-color, var(--csl-t-btn-bg, #2271b1)) !important;
	border-radius: 25px !important;
	background: var(--csl-t-btn-sec-bg, transparent) !important;
	color: var(--csl-t-btn-sec-color, var(--csl-t-btn-bg, #2271b1)) !important;
	font-family: inherit;
	font-size: var(--csl-ajax-btn-font-size, 10px) !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	box-shadow: none !important;
	cursor: pointer;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.csl-share-wrap .csl-share-btn:hover,
.csl-share-wrap .csl-share-btn:focus-visible {
	background: var(--csl-t-btn-sec-bg-hover, var(--csl-t-btn-bg, #2271b1)) !important;
	color: var(--csl-t-btn-sec-color-hover, var(--csl-t-btn-color, #fff)) !important;
}
.csl-share-btn svg { flex-shrink: 0; }
.csl-share-toast {
	position: fixed;
	left: 50%;
	bottom: 90px;
	z-index: 99999;
	transform: translateX(-50%);
	padding: 10px 18px;
	border-radius: var(--csl-t-btn-radius, 8px);
	background: var(--csl-t-text, #222);
	color: var(--csl-t-bg-card, #fff);
	font-size: 14px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .25);
	pointer-events: none;
}