<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.