Button Group

Default

<div class="va-button-group">
  <button class="va-button">add</button>
  <button class="va-button">random</button>
  <button class="va-button">notes</button>
</div>

Full width

<div class="va-button-group w-full">
  <button class="va-button w-full">add</button>
  <button class="va-button w-full">random</button>
  <button class="va-button w-full">notes</button>
</div>

Centered

<div class="va-button-group w-full text-center">
  <button class="va-button w-full">add</button>
  <button class="va-button w-full">random</button>
  <button class="va-button w-full">notes</button>
</div>

Horizontal

<div class="va-button-group va-button-group--horizontal">
  <button class="va-button">back</button>
  <button class="va-button">add</button>
</div>

Compound

<div class="va-button-group text-center">
  <button class="va-button w-full">translation</button>
  <div class="va-button-group va-button-group--horizontal">
    <button class="va-button">back</button>
    <button class="va-button">add</button>
  </div>
</div>