Bei Button Mouseover auch Textfarbe ändern

Hallo ! 
Also ich muss grade für die Uni eine Website programmieren und ich habe Buttons eingefügt, die bei einem Mouseover die Farbe ändern. Da sich die Farbe von weiß auf dunkelblau ändert, muss sich auch die Schriftfarbe ändern. Bis jetzt ändert sich die Schriftfarbe nur wenn die Maus auch direkt über die Schrift fährt. 

Der CSS Code sieht bis jetzt so aus 

button {
width: auto;
text-align:center;
cursor:stuck_out_tongue:ointer;
font-size:14pt;
font-family:‚Myriad Pro‘;
text-decoration:none;
font-style:normal;
height:30px;
margin-left: 6px;
margin-bottom: 6px;
padding:5px;
background-repeat:no-repeat;
float: right;
border-radius: 10px;
}

.button:hover{
background-color: #262873;
}

.button:active{
background-color: #3c3fb8;
}

#navigation a:hover {
color: white;
}

#navigation a:active {
color: white;
}

Die Buttons wurden so eingefügt 

  Inhaltsstoffe  

Ich würd mich über Hilfe freuen, 

LG Jana

Hi

Der CSS Code sieht bis jetzt so aus 

button {
width: auto;

display: block;