/* WCS_SOCIAL_UI_V1 */

.wcs-facebook-nav {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    width:38px;
    height:38px;
    border-radius:50%;
    background:#1877f2;
    color:#fff !important;
    text-decoration:none;
    transition:transform .2s,background .2s;
}

.wcs-facebook-nav:hover {
    background:#0c5ed7;
    transform:translateY(-2px);
}

.wcs-social-share {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    margin:15px 0 24px;
}

.wcs-share-label {
    color:#64748b;
    font-size:13px;
    font-weight:600;
    margin-right:4px;
}

.wcs-share-btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:40px;
    padding:9px 14px;
    border:1px solid #dbe3ed;
    border-radius:10px;
    background:#fff;
    color:#172b45;
    font:600 13px/1.2 inherit;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
    text-decoration:none;
    transition:transform .2s,box-shadow .2s;
}

.wcs-share-btn:hover {
    transform:translateY(-2px);
    box-shadow:0 5px 16px rgba(0,0,0,.12);
}

.wcs-share-facebook {
    background:#1877f2;
    border-color:#1877f2;
    color:#fff !important;
}

.wcs-share-instagram {
    background:linear-gradient(120deg,#833ab4,#c13584,#e1306c);
    border-color:transparent;
    color:#fff;
}

.wcs-share-copy {
    background:#f1f5f9;
}

.wcs-share-feedback {
    font-size:12px;
    color:#047857;
}

@media(max-width:768px) {
    .wcs-social-share {
        gap:8px;
    }

    .wcs-share-label {
        flex-basis:100%;
    }

    .wcs-share-btn {
        padding:9px 11px;
        font-size:12px;
    }

    .wcs-facebook-nav {
        width:34px;
        height:34px;
    }
}