<div class="flex flex-col gap-2">
  {% include "patterns/atoms/buttons/round_button.html" with classes="bg-black text-white" %}
  {% include "patterns/atoms/buttons/round_button.html" with classes="bg-white text-black" %}
  {% include "patterns/atoms/buttons/round_button.html" with classes="bg-pirati-yellow text-black" %}
  {% include "patterns/atoms/buttons/round_button.html" with classes="bg-grey-125 text-black" %}
  {% include "patterns/atoms/buttons/round_button.html" with classes="bg-blue-300 text-white" %}
  {% include "patterns/atoms/buttons/round_button.html" with classes="bg-cyan-200 text-white" %}
  {% include "patterns/atoms/buttons/round_button.html" with classes="bg-green-400 text-white" %}
  {% include "patterns/atoms/buttons/round_button.html" with classes="bg-violet-400 text-white" %}
  {% include "patterns/atoms/buttons/round_button.html" with classes="bg-red-600 text-white" %}
</div>
