Quiero que un boton cambie de color de fondo al pasar el mouse encima de el, el color sería #fff y luego de sacarlo le cambia nuevamente el color por defecto que ya tenía.
ya se que se puede con css pero necesito hacerlo con javascript.

Los botones creados:

<ul class="vertical posicion_menu">
		<li><a href="#quienes-somos" id="boton_a" onmouseover="Mostrar_A_Hover()" onmouseout="Ocultar_A_Hover()" onclick="Mostrar_A()">¿Qué es bolishop?</a></li>
		<li><a href="#restricciones" id="boton_b" onmouseover="Mostrar_B_Hover()" onmouseout="Ocultar_B_Hover()" onclick="Mostrar_B()">¿Quienes pueden usarlo?</a></li>
		<li><a href="#ventajas" id="boton_c" onmouseover="Mostrar_C_Hover()" onmouseout="Ocultar_C_Hover()" onclick="Mostrar_C()">¿Cuales son las ventajas?</a></li>
	</ul>

Funciones para los hovers

<script type="text/javascript">
         function Mostrar_A_Hover {
            document.getElementById("boton_a").style.backgroundColor = '#ccc';
         }
 
         function Ocultar_A_Hover {
            document.getElementById("boton_a").style.backgroundColor = '#EAEBEF';
         }
 
         function Mostrar_B_Hover {
            document.getElementById("boton_b").style.backgroundColor = '#ccc';
         }
 
         function Ocultar_B_Hover {
            document.getElementById("boton_b").style.backgroundColor = '#EAEBEF';
         }
 
         function Mostrar_C_Hover {
            document.getElementById("boton_c").style.backgroundColor = '#ccc';
         }
 
         function Ocultar_C_Hover {
            document.getElementById("boton_c").style.backgroundColor = '#EAEBEF';
         }
 
     </script>
 

No se me quieren cambiar, no funcionan. ¿Que puede ser? desde ya muchas gracias!