@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

.buybtn{
  text-align:center;
}
.buybtn:before{
  content:'';
  height:100%;
  display:inline-block;
  vertical-align:middle;
}

.buybtn button{
  margin:20px auto;
  background:#6ca744;
  color:#fff;
  border:none;
  position:relative;
  height:60px;
  font-size:1.6em;
  padding:0 2em;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.buybtn button:hover{
  background:#fff;
  color:#6ca744;
}
.buybtn button:before,.buybtn button:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #6ca744;
  transition:400ms ease all;
}
.buybtn button:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.buybtn button:hover:before,.buybtn button:hover:after{
  width:100%;
  transition:800ms ease all;
}