.box{
  
}

.btn:link,
.btn:visited{
  text-decoration: none;
  width: 280px;
  position:relative;
  top:0;
  left:0;
  padding:2px 2px;
  border-radius:6px;
  display:inline-block;
  transition: all .1s;
  color:#ffffff;
}

.btn-white{
  background:#59B479;
  color:#ffffff;
}

.btn:hover{
   box-shadow:0px 2px 5px rgba(0,0,0,0.2);
   transform : translateY(-1px);
}

.btn:active{
  box-shadow:0px 2px 5px rgba(0,0,0,0.2)
  transform:translateY(-1px);
}

.btn-bottom-animation-1{
  animation:comeFromBottom 0.1s ease-out 0.1s;
}

.btn::after{
  content:"";
  text-decoration: none;
  text-transform:uppercase;
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  border-radius:6px;
  display:inline-block;
  z-index:-1;
  transition: all .1s;
  color:#ffffff;
}

.btn-white::after {
    background: #59B479;
	color:#ffffff;
}

.btn-animation-1:hover::after {
    transform: scaleX(0.2) scaleY(0.2);
    opacity: 0;
}

@keyframes comeFromBottom{
  0%{
    opacity:0;
    transform:translateY(40px);
  } 
  100%{
    opacity:1;
    transform:translateY(0);
  }
}