<div><button class="button">Click and hold to see the active state</button>
</div>
div{
  padding: 2rem;
}


.button{
  padding: 1.5rem;
  width: 300px;
  color: black;
  background-color: #e67e22;
  border-radius: 5px;
}

.button:active {
  transform: scale(0.99);
  box-shadow: none;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.