Link em Background

Tenho esse código, quero saber se tem como colocar um link no backaground, porque do jeito que está, só tem link no texto, e queria que tivesse tbm no background quando faz a transição com CSS. Será que teria como?

#festas {
 margin-top:-10px;
 background-repeat:no-repeat;
 background-position:center;
 height:64px;
 transition: background-image 1s ease-in-out;
 background-image:url("http://179.188.17.66/~entremaesefilhos/wp-content/uploads/2016/09/festas_azul.png");
}

#festas a {

 color: #464646;
 display: block;
 padding: 0px 15px;
 margin: 0px;
 text-transform: uppercase;
 line-height: 65px;
 position: relative;
 margin-top: 50px;

font-family: 'Baloo Tamma', cursive;}
#festas:hover {

 background-image:url("http://179.188.17.66/~entremaesefilhos/wp-content/uploads/2016/09/festas_rosa-1.png");
}