Pues puedes establecer el color de fondo con opacidad de enviando su valor en distintas formas:
rgba
.a{
color: black;
background-color: rgba(0, 255, 0, 0.2); // un verde porcon ejemploopacidad
font-size: 150%;
font-family: Oswald;
}
hsla
.a{
color: black;
background-color: hsla(120, 100%, 50%, 0.3); // un verde con opacidad
font-size: 150%;
font-family: Oswald;
}
Ejemplo:
#rgba {
color: black;
background-color: rgba(0, 255, 0, 0.1);
font-size: 150%;
font-family: Oswald;
padding: 15px;
text-decoration: none;
}
#hsla {
color: black;
background-color: hsla(120, 100%, 50%, 0.1);
font-size: 150%;
font-family: Oswald;
padding: 15px;
text-decoration: none;
}
<h5>Verde con opacidad al 1% usando rgba</h5>
<a id="rgba" class="btn a" href="menu">MENU</a>
<h5>Verde con opacidad al 1% usando hsla</h5>
<a id="hsla" class="btn a" href="menu">MENU</a>
Referencia sobre colores CSS