<style>
#shariff_button_x{
    background: #000;
    border-radius: 3px;
    font-weight: 600;
    padding: 5px 8px;
    display: inline-block;
    position: static;
}
 
#shariff_button_x:hover {
    cursor: pointer;
    background: #333
}
 
#shariff_button_x svg {
    width: 18px;
    fill: white;
    vertical-align: middle;
    border-radius: 2px
}
 
#shariff_button_x span {
    vertical-align: middle;
    color: white;
    font-size: 14px;
    padding: 0 3px
}    
</style>
 
 
 
 
<script>
var shariff_button_x = document.getElementById('shariff_button_x');
var pageURL = $(location).attr("href");
 
shariff_button_x.addEventListener('click', function() {
    window.open('https://twitter.com/intent/tweet?text=' + url,
        'twitter-share-dialog',
        'width=800,height=600'
    );
    return false;
});   
</script>