JSFiddle - React, Tailwind, and code Playground

HTML

<div><button class='btn-social'>Facebook</button></div>
<div><button class='btn-social'>Google</button></div>

CSS

.btn-social{
        color: #000;
        margin-top:0em;
        position: relative;
        padding-left: .75em;
        padding-right: .75em;
        font-size: .85em;
    }
.btn-social:hover{
	margin-top: 1em;
}
div{
    float:left;
}