.floating-social {
    position: fixed;
    left: 0;
    top: 45%;
    transform: translateY(-50%);
    z-index: 999999;
}

    .floating-social a {
        display: block;
        width: 45px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        color: #fff;
        text-decoration: none;
        font-size: 22px;
        transition: .3s;
        margin-bottom: 8px; /* Space between icons */
        border-radius: 4px;
    }

        .floating-social a:hover {
            width: 60px;
            padding-left: 10px;
            /*transform: scale(1.08);*/
        }

.facebook {
    background: #1877F2;
}

.instagram {
    background: #E4405F;
}

.linkedin {
    background: #0A66C2;
}

.youtube {
    background: #FF0000;
}

.whatsapp {
    background: #25D366;
}
@media(max-width:768px) {

    .floating-social {
        top: 65%;
    }

        .floating-social a {
            width: 40px;
            height: 40px;
            line-height: 40px;
            font-size: 18px;
        }
}