.social-buttons {
    height: 90px;
  
  }
  
  .social-button {
    display: inline-block;
    background-color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 0 3px;
    text-align: center;
    position: relative;
    overflow: hidden;
    opacity: .99;
    border-radius: 28%;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
    -webkit-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
    transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
  }
  .social-button:before {
    content: '';
    background-color: #000;
    width: 120%;
    height: 120%;
    position: absolute;
    top: 90%;
    left: -110%;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
    transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
  }
  .social-button .fa {
    font-size: 28px;
    vertical-align: middle;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
    transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
  }
  
  .social-button.skype-but:before {
    background-color: #00A3E7;
  }
  .social-button.skype-but .fa {
    color: #00A3E7;
  }
  
  .social-button.whats-but:before {
    background-color: #4dc247;
  }
  .social-button.whats-but .fa {
    color: #4dc247;
  }
  
  .social-button.email-but:before {
    background-color: #ff6600;
  }
  .social-button.email-but .fa {
    color: #ff6600;
  }
  
  .social-button.phone-but:before {
    background-color: #000;
  }
  .social-button.phone-but .fa {
    color: #000;
  }
  
  .social-button.teleg-but:before {
    background-color: #31A9DD;
  }
  .social-button.teleg-but .fa {
    color: #31A9DD;
  }
  
  .social-button.icq-but:before {
    background-color: #24FF00;
  }
  .social-button.icq-but .fa {
    color: #24FF00;
  }
  
  .social-button.viber-but:before {
    background-color: #7B519C;
  }
  .social-button.viber-but .fa {
    color: #7B519C;
  }
  
  .social-button:focus:before, .social-button:hover:before {
    top: -10%;
    left: -10%;
  }
  .social-button:focus .fa, .social-button:hover .fa {
    color: #fff;
    -webkit-transform: scale(1);
            transform: scale(1);
  }