<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>
 
<div id="shariff_button_x">
    <svg viewBox="0 0 24 24" preserveAspectRatio="Beitrag Posten">
        <path class="svg-icon-path" d="M14.258 10.152L23.176 0h-2.113l-7.747 8.813L7.133 0H0l9.352 13.328L0 23.973h2.113l8.176-9.309 6.531 9.309h7.133zm-2.895 3.293l-.949-1.328L2.875 1.56h3.246l6.086 8.523.945 1.328 7.91 11.078h-3.246zm0 0"></path>
    </svg>
    <span>Teilen</span>
</div>
 
<script>
 var shariff_button_x = document.getElementById('shariff_button_x');
var url = window.location.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>