Edit in JSFiddle


              
<a id="button-1" href="#">Fuente 16px</a>
<a id="button-2" href="#">Fuente 12px</a>
<a id="button-3" href="#">Fuente 22px</a>

body{ width:600px; margin:40px auto; font-family:helvetica;}
a{text-decoration:none; color:white; margin-bottom:30px;}


#button-1{
	width:140px;
    display:block;
    border: 1px solid #395d9b;
    border-radius: 5px;
    line-height:40px;
    text-align:center;
    height:40px;
    background:#2b7ab4;
}

#button-2{
    width:140px;
    display:block;
    border: 1px solid #395d9b;
    border-radius: 5px;
    text-align:center;
    background:#2b7ab4;
    line-height:40px;
    font-size:12px;
}

#button-3{
    width:140px;
    display:block;
    border: 1px solid #395d9b;
    border-radius: 5px;
    text-align:center;
    background:#2b7ab4;
    line-height:40px;
    font-size:22px;
}

#button-1:hover,#button-2:hover,#button-3:hover,#button-4:hover{background:#395d9b;}