.fa-button{
  position:fixed;
  top: 16%;
  right: 1%;
  z-index:9999998;
  height: 0px;
  width: 0px;
  padding: 0px;
  border: 0px;
}

.fa-container{
  position: fixed;
  width:302px;
  height:502px;
  top: 16%;
  right: 1%;
  z-index:9999999;
  border: 1px;
  overflow:hidden;
}
.fa-container.fa-closed{
  width:0px;
  transition:0.3s;
}
.fa-content{
  width:300px;
  height:500px;
  background:#ffffff;
  overflow: hidden;
  opacity:1;
  transition: transform 0.3s ease-in, opacity 0.4s ease-in;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
}
.fa-content.fa-closed{
  opacity: 0;
  transform: translate(100%, 0);
  transition: transform 0.6s ease-in, opacity 0.8s ease-in;
}
.fa-button-image{
  height:30px;
  width:30px;
  border-radius:5px;
  transform: translate(-100%,0);
  background: white;
  padding:15px;
  border: 1px solid #d0d0d0;
}