Button with modifiers

Button.css

.button {
  border-radius: 0.25rem;
  background-color: #676775;
  color: #fff;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  padding: 0.375rem 0.75rem;
}

.button--outline {
  background-color: transparent;
  border-color: #676775;
  color: #676775;
}

.button--primary {
  background-color: #2ba8e0;
}

.button--outline-primary {
  background-color: transparent;
  border-color: #2ba8e0;
  color: #2ba8e0;
}