/* Wrapper inline */
.msu-share{margin:2rem 0;padding:1.25rem;border:1px solid #e6e6e6;border-radius:12px;background:#fafafa}
.msu-heading{display:block;font-size:.95rem;font-weight:600;margin-bottom:.85rem;letter-spacing:.01em;color:#222}

/* Barra flutuante */
.msu-floating{position:fixed;top:50%;transform:translateY(-50%);z-index:9999}
.msu-floating.msu-left{left:0}
.msu-floating.msu-right{right:0}
.msu-floating .msu-buttons{flex-direction:column;gap:.4rem}
.msu-floating .msu-btn{border-radius:0}
.msu-floating .msu-btn-label{display:none}
.msu-floating.msu-left .msu-btn{border-top-right-radius:6px;border-bottom-right-radius:6px}
.msu-floating.msu-right .msu-btn{border-top-left-radius:6px;border-bottom-left-radius:6px}

/* Botões (tamanhos via variáveis, com fallback) */
.msu-buttons{display:flex;flex-wrap:wrap;gap:.6rem}
.msu-btn{display:inline-flex;align-items:center;gap:.5rem;
	padding:var(--msu-pad-y,.55rem) var(--msu-pad-x,.9rem);
	border:0;border-radius:8px;
	font-size:var(--msu-font,.9rem);font-weight:600;line-height:1;
	color:#fff;cursor:pointer;text-decoration:none;
	transition:transform .12s ease,opacity .12s ease,background-color .12s ease}
.msu-btn:hover{transform:translateY(-1px);opacity:.95}
.msu-btn:focus-visible{outline:2px solid #1d4ed8;outline-offset:2px}
.msu-btn svg{width:var(--msu-icon,18px);height:var(--msu-icon,18px);flex:0 0 auto}

/* Estilo OFICIAL: cores de marca escopadas */
.msu-style-oficial .msu-whatsapp{background:#25D366}
.msu-style-oficial .msu-telegram{background:#229ED9}
.msu-style-oficial .msu-facebook{background:#1877F2}
.msu-style-oficial .msu-twitter{background:#111}
.msu-style-oficial .msu-copy{background:#555}

/* Estilo PERSONALIZADO: cores via variáveis vindas das opções */
.msu-style-custom .msu-btn{background:var(--msu-bg,#1877f2);color:var(--msu-fg,#fff)}
.msu-style-custom .msu-btn:hover{background:var(--msu-bg-hover,#0f63d6);opacity:1}

/* Feedback do "copiar" (vence ambos os estilos) */
.msu-copy.msu-copied{background:#2e7d32!important}

/* Formatos: quadrado e círculo = só ícone (esconde o texto da rede) */
.msu-fmt-quadrado .msu-btn-label,
.msu-fmt-circulo .msu-btn-label{display:none}
.msu-fmt-quadrado .msu-btn{padding:var(--msu-pad-y,.55rem);border-radius:8px}
.msu-fmt-circulo .msu-btn{padding:var(--msu-pad-y,.55rem);border-radius:50%}
.msu-fmt-quadrado .msu-btn svg,
.msu-fmt-circulo .msu-btn svg{margin:2px}

/* Selo de título ao lado dos botões */
.msu-pill{display:inline-flex;align-items:center;gap:.4rem;
	padding:var(--msu-pad-y,.55rem) var(--msu-pad-x,.9rem);
	border:1px solid #d6d6d6;border-radius:8px;background:#fff;
	font-size:var(--msu-font,.9rem);font-weight:600;color:#444}
.msu-pill svg{width:var(--msu-icon,18px);height:var(--msu-icon,18px);flex:0 0 auto}
.msu-fmt-circulo .msu-pill{border-radius:999px}

@media (max-width:600px){
	.msu-floating{display:none}
	.msu-share .msu-btn-label{display:none}
	.msu-share .msu-btn{padding:.6rem .75rem}
}