<div class="inline-flex flex-col sm:flex-row space-y-8 sm:space-y-0 sm:space-x-8">
  <div class="inline-flex flex-col space-y-2">
    {{> atoms-basic-button(classes: "btn--black") }}
    {{> atoms-basic-button(classes: "btn--grey-700") }}
    {{> atoms-basic-button(classes: "btn--grey-500") }}
    {{> atoms-basic-button(classes: "btn--grey-125") }}
    {{> atoms-basic-button(classes: "btn--white") }}
    {{> atoms-basic-button(classes: "btn--blue-300") }}
    {{> atoms-basic-button(classes: "btn--cyan-200") }}
    {{> atoms-basic-button(classes: "btn--green-200") }}
    {{> atoms-basic-button(classes: "btn--orange-300") }}
    {{> atoms-basic-button(classes: "btn--violet-400") }}
    {{> atoms-basic-button(classes: "btn--violet-500") }}
  </div>
  <div class="inline-flex flex-col space-y-2">
    {{> atoms-icon-button(classes: "btn--black") }}
    {{> atoms-icon-button(classes: "btn--grey-700") }}
    {{> atoms-icon-button(classes: "btn--grey-500") }}
    {{> atoms-icon-button(classes: "btn--grey-125") }}
    {{> atoms-icon-button(classes: "btn--white") }}
    {{> atoms-icon-button(classes: "btn--blue-300") }}
    {{> atoms-icon-button(classes: "btn--cyan-200") }}
    {{> atoms-icon-button(classes: "btn--green-200") }}
    {{> atoms-icon-button(classes: "btn--orange-300") }}
    {{> atoms-icon-button(classes: "btn--violet-400") }}
    {{> atoms-icon-button(classes: "btn--violet-500") }}
  </div>
</div>
