<button class="btn">
  Hover
</button>
.btn{
  padding: 2rem;
  background: #333222;
  color: white;
}

.btn:active{
  background-color: #48484830;
  color: black;
  cursor: pointer;
}

@media (hover:hover){
  .btn:hover {
    background-color: #48484830;
    color: black;
    cursor: pointer;
  }
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.