.social-link-chip{border:1px solid var(--surface-border);background:var(--surface-card);color:var(--text-color-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:.55rem;padding:.45rem 1rem .45rem .5rem;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s,color .2s;display:inline-flex}.social-link-chip .social-link-chip__icon-wrap{background:color-mix(in srgb, var(--portal-primary) 12%, transparent);width:2rem;height:2rem;color:var(--portal-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s,transform .2s;display:flex}.social-link-chip .social-link-chip__icon-wrap i{font-size:1rem;line-height:1}.social-link-chip .social-link-chip__name{white-space:nowrap;font-size:.9rem;font-weight:500;line-height:1;transition:color .2s}.social-link-chip:hover{box-shadow:0 6px 20px color-mix(in srgb, var(--portal-primary) 20%, transparent);border-color:color-mix(in srgb, var(--portal-primary) 40%, transparent);background:color-mix(in srgb, var(--portal-primary) 6%, var(--surface-card));color:var(--portal-primary);transform:translateY(-2px)}.social-link-chip:hover .social-link-chip__icon-wrap{background:var(--portal-primary);color:#fff;transform:scale(1.12)}.social-link-chip:hover .social-link-chip__name{color:var(--portal-primary)}.social-link-chip:active{box-shadow:none;transform:translateY(0)}.social-link-vertical .social-link-vertical__icon{vertical-align:middle;opacity:.75;margin-right:.45rem;font-size:.85rem;transition:opacity .18s,color .18s}.social-link-vertical:hover .social-link-vertical__icon{opacity:1;color:inherit}html[data-portal-theme=dark] .social-link-chip{background:var(--surface-card)}html[data-portal-theme=dark] .social-link-chip:hover{box-shadow:0 6px 24px color-mix(in srgb, var(--portal-primary) 30%, transparent)}