            .bc-social-buttons-wrap{
                margin:0.25em 0;
            }
            .bc-social-buttons{
                display:flex;
                flex-wrap:wrap;
                gap:0.3rem;
            }
            .bc-social-buttons.bc-layout-vertical{
                flex-direction:column;
                align-items:flex-start;
            }
            .bc-social-buttons.bc-layout-square{
                display:grid;
                grid-template-columns:repeat(auto-fit, minmax(26px, 1fr));
                gap:0.3rem;
            }
            a.bc-social-btn:hover {
                color: #ededed;
            }

            /* Small square icon-only buttons */
            .bc-social-btn{
                display:inline-flex;
                align-items:center;
                justify-content:center;
                width:28px;
                height:28px;
                border-radius:6px;
                border:1px solid rgba(15,23,42,0.18);
                background:#32465a; /* slate-950-ish #020617 */
                color:#f9fafb;      /* icon color via currentColor */
                box-shadow:0 2px 5px rgba(15,23,42,0.25);
                text-decoration:none;
                transition:
                    background .12s ease-out,
                    transform .08s ease-out,
                    box-shadow .08s ease-out,
                    border-color .12s ease-out,
                    opacity .12s ease-out;
            }
            .bc-social-btn:hover{
                /* background:#020617; */
                border-color:rgba(248,250,252,0.4);
                transform:translateY(-1px);
                box-shadow:0 4px 10px rgba(15,23,42,0.35);
            }
            .bc-social-btn:active{
                transform:translateY(0);
                box-shadow:0 2px 5px rgba(15,23,42,0.25);
                opacity:0.9;
            }

            .bc-social-icon{
                display:block;
                width:16px;
                height:16px;
                line-height:0;
            }
            .bc-social-icon svg{
                width:16px;
                height:16px;
                display:block;
            }

            /* Alignment helpers */
            .bc-social-align-left  { text-align:left; }
            .bc-social-align-center{ text-align:center; }
            .bc-social-align-right { text-align:right; }
            .bc-social-align-center .bc-social-buttons{ justify-content:center; }
            .bc-social-align-right  .bc-social-buttons{ justify-content:flex-end; }