<%
  button_text = initially_collapsed ? "Show More" : "Show Less"
  icon_style = initially_collapsed ? "" : "style=\"transform: rotate(180deg)\""
%>
<button class="text-sm text-blue-600 hover:text-blue-800 flex items-center gap-1 bg-gray-100 border border-gray-300 rounded-md px-2 py-1 shadow-sm hover:bg-gray-200"
        data-collapsable="toggle">
  <span data-collapsable="toggle-text"><%= button_text %></span>
  <i class="fa-solid fa-chevron-down w-4 h-4" data-collapsable="toggle-icon" <%= icon_style.html_safe %>></i>
</button>
