.social{position:fixed;top:34%;z-index:999;margin-left:0px}.social ul{list-style-type:none;padding:0;transform:translatex(-112px)}.social ul li{display:block;margin:4px;background-color:rgba(0,0,0,.5);width:150px;text-align:right;padding:4px;border-radius:0 30px 30px 0;transition:1s}.social ul li:hover{transform:translatex(110px)}.social ul li.fb:hover{background-color:#55acee}.social ul li.link:hover{background-color:#3b5999}.social ul li.ins:hover{background-color:#dd4b39}.social ul li.instagram:hover{background-color:#e4405f}.social ul li a{color:#fff;text-decoration:none}.social ul li i{text-align:center;margin-left:14px;color:#000;background-color:#0f4;padding:10px;border-radius:50%;width:40px;height:40px;font-size:20px;transform:rotate(0)}.social ul li:hover i{transform:rotate(360deg);transition:1s}

.social ul li i {
    text-align: center;
    margin-left: 14px;
    color: #ffffff;
    background-color: #0f4;
    padding: 10px;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    font-size: 17px;
    transform: rotate(0);
}