/* ── Share Buttons ────────────────────────────────────────────────────────── */
.sscs-share {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin: 2rem 0;
    padding: 1.25rem 0;
    border-top: 1px solid #e8e4dd;
    border-bottom: 1px solid #e8e4dd;
}

.sscs-share-label {
    font-family: 'DM Sans', 'Helvetica Neue', sans-serif;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #bbb;
    flex-shrink: 0;
}

.sscs-share-btns {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.sscs-share-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: 'DM Sans', 'Helvetica Neue', sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
    color: #fff !important;
    border: none;
    padding: 8px 16px 8px 13px;
    border-radius: 8px;
    text-decoration: none !important;
    cursor: pointer;
    transition: filter .15s, transform .15s, box-shadow .15s;
    line-height: 1;
    white-space: nowrap;
    box-shadow: 0 2px 6px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.15);
}

.sscs-share-btn svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.sscs-share-btn:hover {
    filter: brightness(1.12);
    transform: translateY(-2px);
    box-shadow: 0 5px 14px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.15);
    color: #fff !important;
    text-decoration: none !important;
}

.sscs-share-btn:active {
    transform: translateY(0);
    filter: brightness(.95);
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
}

/* Individual platform colors */
.sscs-share-btn-x {
    background: linear-gradient(135deg, #1a1a1a 0%, #333 100%);
}
.sscs-share-btn-fb {
    background: linear-gradient(135deg, #1565c0 0%, #1877f2 100%);
}
.sscs-share-btn-sms {
    background: linear-gradient(135deg, #1a6b3a 0%, #22a85a 100%);
}
.sscs-share-btn-copy {
    background: linear-gradient(135deg, #a01308 0%, #c0190f 100%);
}

/* Copied state */
.sscs-share-btn-copy.sscs-copied {
    background: linear-gradient(135deg, #1a6b3a 0%, #22a85a 100%);
    box-shadow: 0 2px 8px rgba(26,107,58,.4);
}