#fixed-social-network {
  position: fixed;
  top: 50%;
  right: -120px;
  z-index: 999; 
}
#fixed-social-network > a {
    border-radius: 8px;
    padding: 0px 20px 0px 03px;
    display: block;
    width: 170px;
    transform: translateX(0px);
    margin-bottom: 5px; 
    transition: transform .3s cubic-bezier(0.39, 0.575, 0.565, 1);
}

#fixed-social-network > a svg {
    width: 20px;
}

#fixed-social-network > a > i {
    margin-right: 20px; }

#fixed-social-network > a:hover {
    transform: translateX(-120px); }

#fixed-social-network > a.fb-icon {
    background: #3f51b5;
    color: #fff; }

#fixed-social-network > a.ins-icon {
    background: #ff5440;
    color: #fff; }

#fixed-social-network > a.yt-icon {
    background: #f44336;
    color: #fff; }

#fixed-social-network > a.tiktok-icon {
    background: #212121;
    color: #fff; }

#fixed-social-network > a.email-icon {
    background: #4f58c7;
    color: #fff; }

#fixed-social-network > a.phone-icon {
    background: #00ff00;
    color: #fff; }

#fixed-social-network > a.zl-icon {
    background: #2962ff;
    color: #fff; }

#fixed-social-network > a#back-to-top {
    background: #000000;
    color: #fff; }

#ft-social-network {
  background: #e6e6e6; }

#ft-social-network > a {
    text-align: center;
    height: 50px;
    line-height: 50px;
    /* display: inline-block; */
    float: left;
    width: 20%; 
}