Разные hover эффекты в один блок?

<div class="parent" style="transition: 1s">
   <button class="child">Кнопка</button>
</div>

$(".child").hover(function(){
 $(".child").parent().css("background", "red");
}, function(){
  $(".child").parent().css("background", "transparent");
});