.container--redes{
    width:400px;
    left:0;
    position:fixed;
    top:50%;
    }
  
  
  .icon1{
    top:50%;
    position:absolute;
    margin-bottom:10px;
    }
  
  .icon-primary{
    display:inline-block;
    text-decoration:none;
    color:#fff;
    background-color:#05519a;
    border-radius:100%;
    position:relative;
    z-index:1;
    box-shadow:1px 0 1px rgba(0,0,0,.5);
    height:40px;
    width:40px;
    text-align:center;
    line-height:40px;
    z-index: 10;
    }
  
  .container-description{
    overflow:hidden;
    position:absolute;
    top:0;
    left:24px;
    z-index: 1;
  
  }
  
  .icon-description{
    width:220px;
    font-size: 14px;
    display:inline-block;
    text-decoration:none;
    color:#fff;
    background-color:#002072;
    height:40px;
    line-height:40px;
    padding-left:40px;
    border-radius:0 20px 20px 0;
    transform: translate3d(-110%, 0, 0);
    transition:transform 175ms ease;
  }
  
  .icon-primary:hover  ~ .container-description .icon-description{
       transform: translate(0, 0);
    
  }