<div>
<button>Hello</button>
</div>
div {
  display: flex;
  margin: 50px;
  justify-content: center;
}

button {
  padding: 20px;
  font-size: 28px;
}

button:hover {
  background: linear-gradient( #6015de, #2a95d2 );
  color: white;
  text-shadow: 2px 7px 10px purple, 2px 2px 1px pink;
  transform: translateY(-10px);
  font-weight: bold;
  box-shadow: 0px 15px 20px grey;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.