Solucionado
O código da solução está assim:
.botao-index {
font-size: 1.25em;
background-color: #851944;
color: #FFF;
padding: .5em;
border: .2em solid black;
width: 40ch;
margin: 2em auto;
display: block;
text-align: center;
}Porque usar "ch" no width? Existe algum motivo especial? Ou é decisão discricionária do desenvolvedor?
Olá, Júlio!! =)
A medida de width foi usada em ch, para expormos e podermos explicar sobre ela... Quando estiver desenvolvendo fica a critério do desenvolvedor se deseja utilizar px, %, em, rem, ch, ...
A vantagem em usar as quatro últimas medidas que mencionei é que elas são relativas e, por isso, acabam facilitando a criação de páginas flexíveis, fluidas e responsivas. =)
Abraço e bons estudos,
Fábio