/* Inline circular buttons, size controlled by --ssb-btn-size */
.ssb-inline-wrap { display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin:14px 0; }
.ssb-btn {
  width: var(--ssb-btn-size);
  height: var(--ssb-btn-size);
  border-radius: 50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:0;
  cursor:pointer;
  transition:transform .12s ease, box-shadow .12s ease;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
  overflow:hidden;
}
.ssb-btn img.ssb-custom-icon { width:70%; height:70%; object-fit:contain; display:block; border-radius:8px; }
.ssb-btn .ssb-fallback { color:#fff; font-weight:700; font-size:calc(var(--ssb-btn-size) / 2.6); }

/* brand/background colors as defaults for buttons without custom icons */
.ssb-whatsapp{background:#25D366}.ssb-telegram{background:#0088cc}.ssb-facebook{background:#1877F2}.ssb-instagram{background:linear-gradient(135deg,#f09433 0%,#bc1888 100%)}.ssb-linkedin{background:#0077b5}.ssb-vk{background:#4C75A3}.ssb-pinterest{background:#E60023}.ssb-threads{background:#000}.ssb-rebook{background:#00B894}.ssb-email{background:#555}.ssb-copy{background:#ff9800}.ssb-print{background:#9E9E9E}.ssb-x{background:#1DA1F2}.ssb-tiktok{background:linear-gradient(45deg,#69C9D0,#EE1D52)}.ssb-youtube{background:#FF0000}.ssb-snapchat{background:#FFFC00;color:#000}.ssb-reddit{background:#FF4500}.ssb-wechat{background:#7BB32E}.ssb-douyin{background:#69C9D0}.ssb-weibo{background:#E6162D}.ssb-tumblr{background:#36465D}.ssb-discord{background:#5865F2}.ssb-line{background:#00C300}.ssb-kakaotalk{background:#F7E000;color:#000}.ssb-viber{background:#7C4DFF}.ssb-signal{background:#3A76F0}.ssb-mastodon{background:#3088D4}.ssb-clubhouse{background:#000}.ssb-nextdoor{background:#3BB54A}.ssb-rumble{background:#E85E2F}.ssb-odyssey{background:#7B61FF}.ssb-sharechat{background:#FF5C00}.ssb-qq{background:#12B7F5}.ssb-kuaishou{background:#FF6A00}.ssb-xiaohongshu{background:#FF3E6C}

/* hover */
.ssb-btn:hover { transform:translateY(-6px); box-shadow: 0 18px 40px rgba(0,0,0,0.12); }

/* responsive: reduce size on very small screens */
@media (max-width:420px){
  .ssb-inline-wrap { gap:8px; }
  .ssb-btn { width: calc(var(--ssb-btn-size) * 0.85); height: calc(var(--ssb-btn-size) * 0.85); }
}