<li>
  <a href="{% url url_name %}" class="flex items-center group">
    <i class="{{ icon_class }} block mr-2 text-primary text-xl transition-all group-hover:text-primary-focus"></i>
    {{ text }}
  </a>
</li>
