.social-sharing {
    max-width: 1200px;
    margin: 20px auto;
    padding: 0 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.share-label {
    font-weight: bold;
    color: #333;
}

.share-buttons {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;
}

.share-buttons li {
    display: inline-block;
}

.share-buttons a {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 12px;
    color: white; /* Default text/icon color */
    text-decoration: none;
    border-radius: 4px;
    transition: opacity 0.3s; /* Smooth hover effect */
}

/* Apply original social media colors */
.share-facebook a {
    background: #3b5998; /* Facebook blue */
}

.share-twitter a {
    background: #1da1f2; /* Twitter blue */
}

.share-linkedin a {
    background: #0077b5; /* LinkedIn blue */
}

.share-whatsapp a {
    background: #25d366; /* WhatsApp green */
}

.share-email a {
    background: #666; /* Neutral gray for email */
}

/* Hover effect */
.share-buttons a:hover {
    opacity: 0.8; /* Slightly fade on hover */
}

/* Style Font Awesome icons */
.share-buttons i {
    font-size: 16px;
}

@media (max-width: 768px) {
    .social-sharing {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .share-buttons {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .share-buttons a {
        padding: 6px 10px;
        font-size: 0.9em;
    }
    
    .share-buttons i {
        font-size: 14px;
    }
}