<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 btn--hoveractive") }}
    {{> atoms-basic-button(classes: "btn--grey-700 btn--hoveractive") }}
    {{> atoms-basic-button(classes: "btn--grey-500 btn--hoveractive") }}
    {{> atoms-basic-button(classes: "btn--grey-125 btn--hoveractive") }}
    {{> atoms-basic-button(classes: "btn--white btn--hoveractive") }}
    {{> atoms-basic-button(classes: "btn--blue-300 btn--hoveractive") }}
    {{> atoms-basic-button(classes: "btn--cyan-200 btn--hoveractive") }}
    {{> atoms-basic-button(classes: "btn--green-400 btn--hoveractive") }}
    {{> atoms-basic-button(classes: "btn--green-300 btn--hoveractive") }}
    {{> atoms-basic-button(classes: "btn--orange-300 btn--hoveractive") }}
    {{> atoms-basic-button(classes: "btn--violet-400 btn--hoveractive") }}
    {{> atoms-basic-button(classes: "btn--violet-500 btn--hoveractive") }}
  </div>
  <div class="inline-flex flex-col space-y-2">
    {{> atoms-icon-button(classes: "btn--black btn--hoveractive") }}
    {{> atoms-icon-button(classes: "btn--grey-700 btn--hoveractive") }}
    {{> atoms-icon-button(classes: "btn--grey-500 btn--hoveractive") }}
    {{> atoms-icon-button(classes: "btn--grey-125 btn--hoveractive") }}
    {{> atoms-icon-button(classes: "btn--white btn--hoveractive") }}
    {{> atoms-icon-button(classes: "btn--blue-300 btn--hoveractive") }}
    {{> atoms-icon-button(classes: "btn--cyan-200 btn--hoveractive") }}
    {{> atoms-icon-button(classes: "btn--green-400 btn--hoveractive") }}
    {{> atoms-icon-button(classes: "btn--green-300 btn--hoveractive") }}
    {{> atoms-icon-button(classes: "btn--orange-300 btn--hoveractive") }}
    {{> atoms-icon-button(classes: "btn--violet-400 btn--hoveractive") }}
    {{> atoms-icon-button(classes: "btn--violet-500 btn--hoveractive") }}
  </div>
</div>