body{
  background-color: black;
}


/*-----Html code-----*/
/*<a class="button" href="#">Your Text</a>*/

/*-----Start-----*/
.button{
  background:#F9C766;
  color:#fff;
  border:none;
  position:relative;
  height:60px;
  font-size:1.6em;
  padding:15px 25px;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
  margin-top: 10px;
  text-decoration: none;
  text-transform: uppercase;
}
.button:hover{
  background:#F9C766;
  color:#fff;
}
.button:before,.button:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:4px;
  width:0;
  background: #fff;
  transition:400ms ease all;
}
.button:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.button:hover:before,.button:hover:after{
  width:100%;
  transition:800ms ease all;
}

/*-----Finish-----*/