Как сделать hover для целого блока?

<родитель>
  <потомок>
     какая то инфа
  </потомок>
  <скрытый потомок>
     какая то инфа
 </скрытый потомок>
</родитель>

скрытый потомок {
  opacity:0;
  visibility:hidden;
  transform:translateX(-100%);
  transition:0.34s
}
родитель:hover скрытый потомок {
  opacity:1;
  visibility:visible;
  transform:translateX(0);
}