How to not do BEM modifiers

button.css

/* I don't recommend doing this! */

.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;
}