:hoverが動かない

lang
1<div class="panel panel-default">
2              <a class="list-group-item2" data-toggle="collapse" data-parent="#accordion2" href="#collapse24">
3                  コンタクト ▼
4              </a>
5              <div id="collapse24" class="panel-collapse collapse">
6                <div class="panel-body">
7                  <p>
8                  アコーディオン #2<br>アコーディオン #2<br>
9                  アコーディオン #2<br>アコーディオン #2
10                  </p>
11                </div>
12              </div><!-- panel-collapse -->
13            </div><!-- panel -->

lang
1a.list-group-item2{
2	border-radius: 10px;
3	background-image: -moz-linear-gradient(top, #ed9aa2, #f2c9cd);
4	background-image: -ms-linear-gradient(top, #ed9aa2, #f2c9cd);
5	background-image: -o-linear-gradient(top, #ed9aa2, #f2c9cd);
6	background-image: -webkit-linear-gradient(top, #ed9aa2, #f2c9cd);
7	background-image: linear-gradient(top, #ed9aa2, #f2c9cd);
8	background-clip: padding-box;
9	color:#000;
10	/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
11	/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
12	}
13
14a.list-group-item2:hover, a.list-group-item2:focus{
15	background-color:#ac965e;
16	}