/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
 .wp-block-nextland-social-share-blog ul{
    /* display: flex; */
    padding: 0px;
    margin: 0px;
    /* gap: 10px; */

    
    /* @media(max-width: 420px){
        display: grid !important;
        grid-template-columns: repeat(4, 1fr);
    }
    @media(max-width: 320px){
        grid-template-columns: repeat(2, 1fr);
    } */
}

.wp-block-nextland-social-share-blog ul li{
    list-style: none;
    display: inline-block;
    margin: 4px 3px;
}
.wp-block-nextland-social-share-blog ul li a{
    text-decoration: none;
    font-size: 16px;
    padding: 6px 8px;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;

    @media(max-width: 420px){
        font-size: 12px !important;
    }
}
.wp-block-nextland-social-share-blog ul li a:hover{
    text-decoration: none;
}
.wp-block-nextland-social-share-blog ul li a.facebook{
    background: #3a589e;
    color: #ffffff;
}
.wp-block-nextland-social-share-blog ul li a.twitter{
    background: #55acee;
    color: #ffffff;
}
.wp-block-nextland-social-share-blog ul li a.linkedin{
    background: #0077b5;
    color: #ffffff;
}
.wp-block-nextland-social-share-blog ul li a.pinterest{
    background: #E60023;
    color: #ffffff;
}
.wp-block-nextland-social-share-blog ul li a.reddit{
    background: #FF4500;
    color: #ffffff;
}