Enabled/Disabled Buttons

by Rishi Gautam

HTML

<button class='btn'>Click Me</button>
<button class='btn' disabled=true>Get $100</button>

CSS

.btn {
  width: 100px;
  height: 24px;
  background-color: #c3fd22;
  border: none;
  opacity: .9;
  outline: 0;
}

.btn:hover {
  opacity: 1;
  cursor: pointer;
}

.btn:disabled {
  width: 100px;
  height: 24px;
  background-color: #ccc;
  border: none;
  opacity: 1;
  cursor: no-drop;
}