<%= link_to link, class:"flex gap-2 w-fit group bg-#{bg_color}-600 bg-#{bg_color} hover:bg-#{bg_color}-600 text-#{text_color}-500 text-#{text_color} p-3 inline-block rounded-md font-semibold transition-all" do%>
    <%=text%>
    <svg class="group-hover:rotate-180 transition-all duration-300" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-train-track"><path d="M2 17 17 2"/><path d="m2 14 8 8"/><path d="m5 11 8 8"/><path d="m8 8 8 8"/><path d="m11 5 8 8"/><path d="m14 2 8 8"/><path d="M7 22 22 7"/></svg>

<% end%>