Pessoal, o código de correção dessa aula está errado. Não é uma dúvida, mas preferi colocar aqui também pra salvar o pessoal que estiver confuso. Enviei a sugestão também.
Tanto o enunciado quanto a imagem de referência indicam que o botão deve ficar na direita e não na esquerda! Outra questão é são os elementos ficarem em uma posição estranha, colada ao lado esquerda da página e tambem conflitando com os objetos do lado direito.
O que eu coloquei no meu Css pra chegar a um resultado mais satisfatório. Por favor corrijam a aula.
form {
width: 60%;
padding-top: 1em;
padding-left: 5.5em;
}
button {
border: 0;
padding: .5em 1em;
font-family: "Open Sans Condensed", sans-serif;
background-color: #3C1D3D;
color: white;
font-size: 1.2em;
/* float right para o botão ficar a direita do formulário */
float: right;
margin-top: .5em;
}