/* Контейнер */
.ss-sharebar{
  display:flex; flex-wrap:wrap; align-items:center; gap:.5rem;
  font:400 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.ss-sharebar__label{opacity:.8;margin-right:.25rem}

/* Кнопка-капсула (как на samesound.ru/gear…) */
.ss-sharebar__btn{
  --btn-bg:#fff;
  --btn-fg:#111;
  --btn-bd:#e5e7eb;
  --btn-bg-hover:#111;
  --btn-fg-hover:#fff;
  display:inline-flex; align-items:center; gap:.5rem;
  border:1px solid var(--btn-bd);
  border-radius:999px; padding:.5rem .75rem;
  background:var(--btn-bg); color:var(--btn-fg);
  text-decoration:none; cursor:pointer;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease;
  user-select:none;
}
.ss-sharebar__btn:hover,.ss-sharebar__btn:focus{
  background:var(--btn-bg-hover); color:var(--btn-fg-hover); outline:none; border-color:transparent;
}

.ss-sharebar__ico{
  width:18px;height:18px;display:block;
  background-repeat:no-repeat;background-position:center;background-size:18px 18px
}

/* Размеры */
.ss-sharebar--small .ss-sharebar__text{display:none}
.ss-sharebar--small .ss-sharebar__btn{padding:.45rem .5rem}
.ss-sharebar--small .ss-sharebar__ico{width:20px;height:20px;background-size:20px 20px}

/* Бейдж счётчика VK */
.ss-sharebar__count{
  font-weight:400; font-size:12px; line-height:1;
  padding:.25rem .45rem; border-radius:999px; background:#f3f4f6; color:#111;
  border:1px solid #e5e7eb; margin-left:.25rem;
}
.ss-sharebar__btn:hover .ss-sharebar__count{background:#fff;color:#111;border-color:#fff}

/* Иконки (белые пути для контраста на :hover) */
.ss-sharebar__ico--tg{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M20 0v20M0 20V0m17.68 2.11L.89 9.27A.76.76 0 0 0 1 10.7l2.9.94a3.17 3.17 0 0 0 2.71-.38l7.59-5.09a.34.34 0 0 1 .42.53l-5.69 5.54a.92.92 0 0 0 .13 1.44l6.06 4.06a1.53 1.53 0 0 0 2.36-1l2.08-13.17a1.36 1.36 0 0 0-1.88-1.46'%3E%3C/path%3E%3C/svg%3E")}
.ss-sharebar__ico--vk{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 20'%3E%3Cpath fill-rule='evenodd' d='M16.7 2.14C15.5.84 13.4.84 9.4.84h-.8c-4 0-6.1 0-7.3 1.3S0 5.44 0 9.44v.7c0 4.1 0 6.1 1.3 7.4s3.3 1.3 7.3 1.3h.7c4.1 0 6.1 0 7.4-1.3s1.3-3.3 1.3-7.4v-.7c0-4 0-6.1-1.3-7.3m-6.9 9c1.5.2 2.6 1.3 3.1 2.7H15c-.6-2.2-2.1-3.3-3.1-3.8.9-.5 2.3-1.9 2.6-3.7h-1.9c-.4 1.5-1.6 2.9-2.8 3v-3H7.9v5.2c-1.2-.3-2.7-1.8-2.8-5.2H3c.1 4.7 2.5 7.5 6.6 7.5h.2z'%3E%3C/path%3E%3C/svg%3E");}
.ss-sharebar__ico--x {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M20 0v20M0 20V0m6.29 18.13A11.59 11.59 0 0 0 18 6.45v-.53a8.4 8.4 0 0 0 2-2.12 8.5 8.5 0 0 1-2.36.64 4.1 4.1 0 0 0 1.81-2.27 8.2 8.2 0 0 1-2.61 1 4.1 4.1 0 0 0-7 3.74 11.64 11.64 0 0 1-8.45-4.29 4.16 4.16 0 0 0-.55 2.07A4.09 4.09 0 0 0 2.66 8.1 4.1 4.1 0 0 1 .8 7.59a4.1 4.1 0 0 0 3.29 4 3.8 3.8 0 0 1-1.09.22 4 4 0 0 1-.77-.08 4.11 4.11 0 0 0 3.84 2.85A8.27 8.27 0 0 1 1 16.34a8 8 0 0 1-1-.06 11.57 11.57 0 0 0 6.29 1.85'%3E%3C/path%3E%3C/svg%3E");}
.ss-sharebar__ico--wa{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M20 0v20M0 20V0m17.05 2.91a9.91 9.91 0 0 1-7 16.92 9.9 9.9 0 0 1-4.75-1.21L.05 20l1.4-5.14A9.92 9.92 0 0 1 10 0a9.82 9.82 0 0 1 7 2.91m-7 15.24a8.24 8.24 0 1 0-7-3.86l.2.32-.83 3 3.11-.82.31.18A8.2 8.2 0 0 0 10 18.15M14.56 12c.25.13.41.19.47.29a2 2 0 0 1-.14 1.18 2.56 2.56 0 0 1-1.67 1.18 3.4 3.4 0 0 1-1.56-.1 14 14 0 0 1-1.41-.55A10.9 10.9 0 0 1 6 10.27a4.77 4.77 0 0 1-1-2.56 2.78 2.78 0 0 1 .86-2.07 1 1 0 0 1 .66-.31H7c.15 0 .35-.06.55.43s.71 1.71.77 1.84a.46.46 0 0 1 0 .43 1.7 1.7 0 0 1-.25.41c-.12.15-.26.32-.37.44s-.25.25-.11.5A7.6 7.6 0 0 0 9 11.11a6.9 6.9 0 0 0 2 1.23c.25.12.39.1.54-.07s.62-.72.78-1 .33-.2.56-.12 1.44.68 1.69.8'%3E%3C/path%3E%3C/svg%3E");}
.ss-sharebar__ico--cp{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M20 0v20M0 20V0m14 11.68-.43.44a5 5 0 0 1-2.82 1.4l-2.16 2.14a2 2 0 0 1-2.83-2.83L8.59 10a2 2 0 0 1 1.92-.51L12 8a4 4 0 0 0-4.85.61l-2.81 2.8A4 4 0 0 0 10 17.07l2.83-2.83A4 4 0 0 0 14 11.68Zm1.69-3.09-2.83 2.82A4 4 0 0 1 8 12l1.51-1.51a2 2 0 0 0 1.9-.49l2.83-2.83a2 2 0 0 0-2.83-2.83L9.27 6.49a4.94 4.94 0 0 0-2.81 1.39L6 8.32a4 4 0 0 1 1.17-2.56L10 2.93a4 4 0 0 1 5.66 5.66Z'/%3E%3C/svg%3E");}

/* Цвет на hover */
.ss-sharebar__btn--tg:hover{background:#26A5E4}
.ss-sharebar__btn--vk:hover{background:#0077FF}
.ss-sharebar__btn--x:hover {background:#000}
.ss-sharebar__btn--wa:hover{background:#25D366}
.ss-sharebar__btn--cp:hover{background:#6b7280}