/* .article-content__social-links{
    display: none;
} */

@media (min-width: 768px) {
    .article-content__social-links-container {
        display: block;
        height: 100%;
        position: absolute;
        right: 0px;
        top: 0px;
    }

    .article-content__social-links{
        display: block;
        height: 100%;
    }
}

.article-content__social-links-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.article-content__social-links-list{
    position: sticky;
    top: calc( 100px + var(--wp-admin--admin-bar--height) );
    /* width: 36px; */
}

.article-content__social-links-list li{
    margin-bottom: 20px;
}

.article-content__social-links-list li button{
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    padding: 0;
    display: block;
    position: relative;
    height: 36px;
}

.article-content__social-links-list li a{
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    padding: 0;
    display: block;
    position: relative;
    height: 36px;

    
}

@media (max-width: 767px){
    .article-content__social-links-container {
        display: block;
    }

    .article-content__social-links-list{
        position: static;
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    .article-content__social-links-list li{
        margin-bottom: 0px;
    }

    .article-content__social-links-list li .tooltip__label.tooltip__label--position-cl{
        left: 0;
        margin-top: 5px;
        right: unset;
        top: 100%;
        transform: translateY(0%);
        /* transform: translateX(-50%);
    }
}