{{ if .Params.buttons }}
<div class="mt-4 flex flex-wrap gap-2">
  {{ range .Params.buttons}}
  <a href="{{ .url }}"
    ><button
      style="white-space: nowrap"
      type="button"
      class="flex flex-row gap-2 px-4 py-4 sm:py-2 sm:px-3 text-xs font-medium text-center text-white bg-black rounded-lg focus:ring-4 focus:outline-none hover:bg-gray-800 transition-all duration-200"
    >
      {{ if .icon }} {{ .icon | safeHTML }} {{ end }} {{ if .text}} {{ .text }}
      {{ end }}
    </button>
  </a>
  {{ end }}
</div>
{{ end }}