Link em Background

[Wagner Martins - SC 0]

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");
}

[Nicolasedusl 0]

em HTML mesmo o background fica mais rápido e basta colocar <a></a> para definir o seu link, ou coloque um <a> </a> na sua div(considerando que seja em uma unica div)