button{
border: blue;
color: white;
background-color: rgb(63, 63, 63);
font-size: 3rem;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
padding: 2%;
border-radius: 5px;
width: 800px;
text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.521);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.521);
}


button span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
  }

  button span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
    
  }

  button:hover span {
    padding-right: 25px;
    
  }

  button:hover span:after {
    opacity: 1;
    right: 0;
  }

  button:hover{
    background-color: rgb(55, 63, 70);

  }
  

body{

    background-color: antiquewhite;
}

.center{
    margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
    
    
   

}