<button id="stay">Stay in touch</button>
body {
    background-color: #80339E;
    font-family: Verdana;
}

button {
    position: absolute;
    min-width: 200px;
    width: 30%;
    background-color: transparent;
    border: 3px solid #FFF;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 4em;
    color: #FFF;
    font-size: 20px;
    cursor: pointer;
    text-transform: uppercase;
}
/* JS scripts are added see github repo for more 
https://github.com/fralec/ElegantJS */

$('#stay').elegant({
    clickNextToClose: true,
    newTab: true,
    facebook: {
        id: 'alec.vonbarnekow'
    },
    twitter: {
        id: 'fralec_'
    },
    github: {
        id: 'fralec'
    },
    website: {
        id: 'https://fralec.com'
    },
    instagram: {
        id: 'fralec__'
    }
});

External CSS

  1. //maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css
  2. //rawgit.com/fralec/elegantShareJS/master/css/elegant.css

External JavaScript

  1. //cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js
  2. //cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js
  3. //rawgit.com/fralec/elegantShareJS/master/script/elegant.js