(CSS) Botão personalizado simples #1

<html>
<head>
<title>botao personalizado #1</title>
<style type="text/css">
body {
  background: #eee;
  color: white;
  font-family: sans-serif;
}

input[type="submit"] {
  background: #3C689C;
  border: 0;
  width: 250px;
  height: 40px;
  border-radius: 3px;
  color: white;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}
input[type="submit"]:hover {
  background: #DCDCDC;
  color:GRAY;
}
</style>
</head>
<body>
<center><input type='submit' value='Entrar'/></center>
</body>
</html>