/* Modern Share Bar 2.1 Styles - frontend */
.msb-share-bar { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:20px; font-family:inherit; }
.msb-label { font-weight:700; color:#fff; margin-right:8px; }
/* alignment helpers */
.msb-align-left { justify-content:flex-start; }
.msb-align-center { justify-content:center; }
.msb-align-right { justify-content:flex-end; }

/* button base */
.msb-btn { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; color:#fff; font-size:16px; text-decoration:none; border:none; cursor:pointer; transition:transform .15s ease; }
.msb-btn:hover { transform:translateY(-3px); }
/* colors */
.msb-fb { background:#1877f2; } .msb-x { background:#000; } .msb-li { background:#0a66c2; } .msb-ms { background:#0084ff; } .msb-copy { background:#666; }

/* styles */
.msb-style-classic .msb-btn { border-radius:50%; box-shadow:0 6px 12px rgba(0,0,0,0.08); }
.msb-style-flat .msb-btn { border-radius:8px; box-shadow:none; }
.msb-style-minimal .msb-btn { background:transparent; color:#fff; border:1px solid rgba(255,255,255,0.15); box-shadow:none; }

@media (max-width:480px) { .msb-btn { width:36px; height:36px; font-size:14px; } }