Knapfarve ændres ved mouseover

Jeg har en knap der henter style fra et css. Har kaldt knapstylen for .top input{} og nu vil jeg gerne have knappen til at ændre farve når jeg kører musen hen over den. Hvad skal jeg skrive i mit css samt på min side?

Min kode for css:
.top input{
  background: #a1ccec;
  width: 104px;
  height: 36px;
  font-size: 18px;
}


Min kode for siden:
<div class="top">
<form action="vmenureservation.html" method="get"> 
<input type="submit" value="Reservation" onclick="parent.main.location.href='resdato.asp';"> 
</div>