lg:grid-cols-4 lg:grid-cols-3 lg:grid-cols-2 lg:flex-row-reverse inline-block w-fit rounded bg-primary hover:bg-primary group-hover:text-primary group-hover:bg-primary text-primary hover:text-primary class="inline-block w-fit rounded bg-secondary hover:bg-body-bg group-hover:text-secondary group-hover:bg-body-bg text-body-bg hover:text-secondary "
mt-2 w-full rounded-xl border border-gray-300 dark:border-gray-600 bg-gray-50 dark:bg-gray-700 px-4 py-3 text-gray-900 dark:text-white focus:border-indigo-500 focus:ring-2 focus:ring-indigo-400 outline-none transition