<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;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.