Añadir Margen

selector .social-logo{
    transform: translateY(50%);
    z-index: 3;
    transition: ease-in-out 0.6s;
}
selector .social-details{
    z-index: 2;
    transform: translateY(-50%);
    transition: ease-in-out 0.6s;
    opacity: 0;
}
selector:hover .social-logo, selector:hover .social-details{
    transform: translateY(0);
    opacity: 1;
}