<button>button</button>
<button disabled="disabled">disabled button</button>
button {
  color: white;
  background-color: hsl(220, 100%, 50%);
}

button:hover {
  background-color: hsl(220, 100%, 30%);
}

button:disabled {
  background-color: hsl(220, 30%, 50%);
}






















button {
/*   display: inline-block; */
  padding: 10px 15px;
  border-radius: 5px;
  margin: 10px;
  font-size: 16px;
  border: none;
}

button:not(:disabled) {
  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.