.socialuttons:before, .socialuttons:after { transition:all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }

.socialuttons:before { top:0; }
.socialuttons:hover:before { top:0; }

.socialuttons:after { top:0; opacity:0; }
.socialuttons:hover:after { top:0; opacity:1; }