.footersocialbutton {
    
}
.footersocialbutton-list {
    font-size: 0;
    text-align: left;
    display: inline-block;
}
.footersocialbutton-item {
    display: inline-block;
    padding: 0 7px 7px 0;
} 
.footersocialbutton-item a {
    background: #4c81d9;
    /* var base */
    width:34px;
    padding: 9px 0;
    font-size: 16px;
    color:#fff;
    display: block;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s; 
    text-align: center;
    -moz-border-radius: 5px;
    /* var base-border-radius */
    -webkit-border-radius: 5px;
    /* var base-border-radius */
    -khtml-border-radius: 5px;
    /* var base-border-radius */
    border-radius: 5px;
    /* var base-border-radius */
}
.footersocialbutton-item a:hover {
    background: #2b68cc;
    /* var base-dark */
}