.social-share-btn {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    border: 1px solid #dee2e6;
    color: #6c757d;
    background-color: #fff;
    text-decoration: none;
}
.social-share-btn:hover {
    transform: translateY(-2px);
    color: #fff;
    border-color: transparent;
}

.btn-native-share { display: none; }
.btn-native-share:hover { background-color: #0d6efd; color: #fff; }

.btn-facebook:hover { background-color: #1877f2; }
.btn-twitter:hover { background-color: #000000; border-color: #000000; }
.btn-whatsapp:hover { background-color: #25d366; }
.btn-tiktok:hover { background-color: #000000; border-color: #000000; }
.btn-linkedin:hover { background-color: #0a66c2; }
.btn-email:hover { background-color: #ea4335; }
.btn-copy:hover { background-color: #495057; }

/* Desktop Sticky Sidebar */
@media (min-width: 992px) {
    .share-sticky-sidebar {
        position: absolute;
        left: -65px;
        top: 0;
        height: calc(100% - 100px);
        pointer-events: none;
        z-index: 10;
    }
    .share-sticky-sidebar .share-container {
        position: sticky;
        top: 100px;
        pointer-events: auto;
        flex-direction: column !important;
    }
    .share-sticky-sidebar .share-buttons-list {
        flex-direction: column !important;
    }
    .share-sticky-sidebar .share-text {
        display: none !important;
    }
}

.share-inline {
    padding-top: 1.5rem;
}