iPad / iPhone Chrome no muestra texto en un botón de entrada

Tengo una página que tiene un botón de entrada.

En Chrome no se muestra el texto del botón

ingrese la descripción de la imagen aquí

En Safari y Firefox se ve correctamente.

ingrese la descripción de la imagen aquí

Tengo la última actualización de Chrome.

¿Alguna idea de por qué sucede esto?

.button {
  background-color: #FFFFFF;
  color: #003245;
  text-align: center;
  max-width: 175px;
  width: 100%;
  height: 40px;
  margin: 3em auto 0;
  border: 1px solid #003245;
  display: block;
  padding: .3em 1em;
  position: relative;
  pointer: default;
  font-weight: bold;
}
<input type="submit" name="submit" value="Download" class="button">
Answer

El código hexadecimal de color tiene espacio border: 1px solid # 003245;y color: # 003245;elimina el espacio

.button {
  background-color: #FFFFFF;
  color: #003245;
  text-align: center;
  max-width: 175px;
  width: 100%;
  height: 40px;
  margin: 3em auto 0;
  border: 1px solid #003245;
  display: block;
  padding: .3em 1em;
  position: relative;
  pointer: default;
  font-weight: bold;
}
<input type="submit" name="submit" value="Download" class="button">