/* Original custom line icons, shared by article, header and footer. */
a.su-social-button {
  padding:9px;
  border:1px solid var(--line, #ddd8cf);
  border-radius:10px;
  background:var(--paper, #fffdf9);
  box-shadow:none;
}
a.su-social-button > img.su-social-icon {
  display:block;
  width:100%;
  height:100%;
  min-width:0;
  max-width:none;
  margin:0;
  padding:0;
  object-fit:contain;
  opacity:1;
}
.article-share .article-share-button { aspect-ratio:1; height:auto; }
@media (max-width:760px) {
  .article-share a.su-social-button { padding:8px; }
}
a.su-social-button:hover {
  background:var(--brand-soft, #eaf4fb);
  border-color:var(--brand, #4c9fe1);
}
.footer-social a.su-social-button { background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.18); }
.footer-social a.su-social-button:hover { background:rgba(255,255,255,.12); }
a.su-social-button:focus-visible {
  outline:2px solid var(--brand, #4c9fe1);
  outline-offset:4px;
}
body.dark .su-social-icon-x { filter:invert(1); }
body.dark .su-social-icon-facebook,
body.dark .su-social-icon-viber,
.footer-social .su-social-icon-facebook,
.footer-social .su-social-icon-viber { filter:brightness(1.45); }
@media (prefers-reduced-motion:reduce) {
  a.su-social-button { transition:none !important; }
}