#ib-social-share {
    padding: 10px;
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 100000;
    background: rgb(33 150 243 / 80%);
    display:none;
}



.ib-social-content{
    border-radius: 10px;
    position: absolute;
    width: 340px;
    left: 50%;
    margin-left: -170px;
    top: 15%;
    text-align: center;
    background: #FFF;
    padding: 30px 10px;
    box-shadow: 1px 1px 4px #000;
}


.content-url-share {
    padding: 5px 10px;
    border: 1px solid #DDD;
    background-color: #CCC;
    font-size: 13px;
    color: #000;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 250px;
}
.content-url-share.copy {
    border: 1px solid #8bc34a;
    background-color: #8bc34a;
    color: #FFF;
}


/** button share */
.share-block {
    display: inline-block;
    width: 25%;
    height: 85px;
    text-align: center;
}

.share-block .share-text { 
    font-size:13px; color:#000;  
    margin-top:10px;
}

.btn-share , .btn-copy-link {
    width: 50px;
    height: 50px;
    display: block;
    padding: 10px 2px;
    text-align: center;
    border: 1px solid rgb(0 0 0 / 33%);
    margin: 2px;
    color: #FFF;
    font-family: tahoma;
    position: relative;
    border-radius: 30%;
    margin: 0 auto;
}

.btn-share:hover , .btn-share:active ,.btn-share:focus {
    color: #FFF;
    opacity: 0.9;
    border:none;
}

.btn-share i , .btn-copy-link i{

    font-size: 30px;

}

.btn-facebook-share {
    background: #005fca;
}

.btn-line-share {
    background: #04ca38;
}

.btn-twitter-share {
    background: #09BBFF;
}






/** end button share */

@media (max-width:320px) { 
    
    .ib-social-content{
       
        width: 300px;
       
        margin-left: -150px;
        
    }
    .share-block .share-text {
        font-size:12px;
        margin-top:10px;
    }

}