CSS Nesting Processor

.btn {
  background-color: #0284c7;
  color: #ffffff;
  padding: 8px 16px;
  border-radius: 6px;
}

.btn:hover {
  background-color: #0369a1;
}

.btn:active {
  transform: scale(0.98);
}

.btn.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}