On hover on the parent div, Change the color of all the child div as well as parent background color : <p>I need to change the button color and text color on hover on the parent div.</p>

<p>I am getting the output and on hover, I have to change the color.</p>

<p><a href="https://i.stack.imgur.com/GUbzh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GUbzh.png" alt="enter image description here"></a>
<a href="https://i.stack.imgur.com/dWmlX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dWmlX.png" alt="enter image description here"></a></p>

<p>Would you help me out?
<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>.Set {
  background-color: #fff;
  padding: 35px;
  box-sizing: border-box;
  min-height: 450px;
  z-index: 2;
  position: relative;
  width: 300px;
  border: 1px solid #ccc;
}

.btn {
  padding: 10px 30px;
  font-size: 16px;
}

.btn_bg {
  background-color: #000;
  color: #fff;
}

.Set:hover {
  background-color: #000;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="Set"&gt;
  &lt;h2 class="textMe"&gt;adasdsad asdas d&lt;/h2&gt;
  &lt;div class="bigtextMe"&gt;
    &lt;p&gt;asdsa asdsd asd asd sd sd sd &lt;/p&gt;
    &lt;a href="" class="btn btn_bg"&gt;njkndkajnsdkja&lt;/a&gt;
  &lt;/div&gt;</code></pre>
</div>
</div>
</p>
