<div class="buttons">
  <button type="submit" class="button is-white">
    White
  </button>
  <button type="submit" class="button is-light">
    Light
  </button>
  <button type="submit" class="button is-dark">
    Dark
  </button>
  <button type="submit" class="button is-black">
    Black
  </button>
  <button type="submit" class="button is-text">
    Text
  </button>
  <button type="submit" class="button is-ghost">
    Ghost
  </button>
</div>
<div class="buttons">
  <button type="submit" class="button is-primary">
    Primary
  </button>
  <button type="submit" class="button is-link">
    Link
  </button>
  <button type="submit" class="button is-info">
    Info
  </button>
  <button type="submit" class="button is-success">
    Success
  </button>
  <button type="submit" class="button is-warning">
    Warning
  </button>
  <button type="submit" class="button is-danger">
    Danger
  </button>
</div>
<div class="buttons">
  <button type="submit" class="button is-light is-primary">
    Primary
  </button>
  <button type="submit" class="button is-light is-link">
    Link
  </button>
  <button type="submit" class="button is-light is-info">
    Info
  </button>
  <button type="submit" class="button is-light is-success">
    Success
  </button>
  <button type="submit" class="button is-light is-warning">
    Warning
  </button>
  <button type="submit" class="button is-light is-danger">
    Danger
  </button>
</div>