CSS: hover sur button d'une div non hérité

Default
,

Bonjour,

J'ai regardé les formules pour les css adjacentes, parentes, etc,... Mais après différents tests je n'arrive pas à trouver le bon code
Je souhaiterai que sur le hover d'une div non parente, le button d'une autre div se modifie.

Exemple

  • hover sur bloc 1 et sur button 1 application de style sur test1,
  • hover sur bloc 2 et sur button 2 application de style sur test2
  • hover sur bloc 3 et sur button3 application de style sur test3

Pour le hover de la div button1, étant donné que test1 est fils, je n'ai pas de problème mais pour l'autre :(
A noter je ne peux pas remonter les boutons dans les Ids Bloc1, 2 et 3 car je veux également que la hauteur de Bloc 1, Bloc 2 et Bloc 3 s'adaptent et soit de même taille en fonction du contenu. J'ai déjà fait le css qui marche.

J'ai essayé également avec des positions relatives et absolues pour le positionnement des boutons, cela marche! mais cela fait dysfonctionner mon résultat en version responsive design

<div id="Bloc">
    <div id="Bloc1">
        <p>Petit Wording</p>
    </div>
    <div id="Bloc2">
        <p>Moyen Wording Moyen Wording</p>
    </div>
    <div id="Bloc3">
        <p>Grand Wording  Grand Wording Grand Wording</p>
    </div>
    <div id="Button1" class="DivBut1">
        <button id="test1" class="But 1">Learn more</button>
    </div>
    <div id="Button2" class="DivBut2">
        <button id="test2" class="But 2">Learn more</button>
    </div
    <div id="Button3" class="DivBut3">
        <button id="test3" class="But 3">Learn more</button>
    </div
  </div>