<div class="container">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel, repellendus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel, repellendus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel, repellendus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel, repellendus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel, repellendus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel, repellendus.</p>
  <button>Hover me</button>
</div>

button {
  pointer-events: auto;
}

.container {
  transition: all .5s;
  pointer-events: none;
}
.container:hover {
  background-color: #ddd;
}