1.
flex items-center justify-center rounded-md bg-green-500 px-3 py-2 text-sm font-semibold text-gray-50 shadow-sm hover:bg-green-400 active:bg-green-500
2.
flex items-center justify-center rounded-md bg-emerald-600 px-3 py-2 text-sm font-semibold text-gray-50 shadow-sm hover:bg-emerald-500 active:bg-emerald-600
3.
flex items-center justify-center rounded-md bg-green-600 px-3 py-2 text-sm font-semibold text-gray-50 shadow-sm hover:bg-green-500 active:bg-green-600
4.
flex items-center justify-center gap-2 rounded-md bg-green-600 px-4 py-1.5 text-white transition-opacity hover:opacity-90 active:opacity-100
5.
flex items-center justify-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 active:bg-gray-100
6.
flex items-center justify-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:ring-2 hover:ring-green-600 active:ring-green-700
7.
flex items-center justify-center rounded-md px-3 py-2 text-sm font-semibold leading-6 text-gray-900 hover:bg-gray-100 active:bg-gray-200
8.
flex items-center justify-center rounded-md bg-gray-700 px-3 py-2 text-sm font-semibold text-gray-50 shadow-sm transition-colors hover:bg-green-600 active:bg-green-700
Share profile
9.
group ml-1 flex flex-none flex-row items-center gap-2 rounded-full bg-white px-3 py-2 text-black shadow-md ring-1 ring-inset ring-gray-300 transition-all hover:bg-gray-100 active:bg-gray-200
Share profile
10.
group ml-1 flex flex-none flex-row items-center gap-2 rounded-xl bg-white px-3 py-2 text-black shadow-md ring-1 ring-inset ring-gray-300 transition-all hover:bg-gray-100 active:bg-gray-200
11.
rounded-md bg-red-500 px-3 py-2 text-sm font-semibold text-gray-50 shadow-sm transition-colors hover:bg-red-400 active:bg-red-500
12.
flex items-center justify-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-red-500 hover:text-gray-50 active:bg-red-600
13.
rounded-md bg-gray-200 px-3 py-2 text-sm font-semibold text-red-500 transition-colors hover:bg-red-500 hover:text-white active:bg-red-600
14.
rounded-md bg-gray-400 px-3 py-2 text-sm font-semibold text-gray-50 transition-colors hover:bg-red-500 hover:text-white active:bg-red-600
15.
rounded-md bg-gray-700 px-3 py-2 text-sm font-semibold text-gray-50 transition-colors hover:bg-red-500 hover:text-white active:bg-red-600
16.
group ml-1 flex-none rounded-full bg-green-600 p-2.5 text-white shadow-md transition-all hover:translate-x-0.5 hover:bg-green-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-green-600
17.
group ml-1 flex-none rounded-full bg-emerald-600 p-2.5 text-white shadow-md transition-all hover:translate-x-0.5 hover:bg-emerald-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-emerald-600
18.
group ml-1 flex-none rounded-full bg-white p-2.5 text-black shadow-md ring-1 ring-inset ring-gray-300 transition-all hover:translate-x-0.5 hover:bg-gray-50 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-600
19.
rounded-md border border-gray-300 px-2 py-1.5 text-gray-900 shadow-sm placeholder:text-gray-400 focus:border-green-600 focus:outline-none focus:ring-2 focus:ring-green-600 focus:ring-offset-2 disabled:text-gray-500 sm:w-72 sm:text-sm sm:leading-6 lg:w-1/5
20.
rounded-md border-0 px-2 py-1.5 shadow-sm ring-1 ring-gray-200 placeholder:text-gray-400 focus:ring-gray-500 sm:w-72 sm:text-sm sm:leading-6 lg:w-1/5
21.
rounded-md border-0 px-2 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-green-600 disabled:text-gray-500 sm:w-72 sm:text-sm sm:leading-6 lg:w-1/5
22.
h-4 w-4 rounded border-gray-300 text-green-600 focus:ring-green-600
23.
h-4 w-4 rounded border-gray-300 text-green-600 focus:ring-green-500
24.
h-4 w-4 rounded border-gray-300 text-green-600 focus:ring-transparent 
Catalyst Badge
25.
inline-flex items-center gap-x-1.5 rounded-md bg-green-500/15 px-1.5 py-0.5 text-sm/5 font-medium text-green-700 group-data-[hover]:bg-green-500/25 sm:text-xs/5 dark:bg-green-500/10 dark:text-green-400 dark:group-data-[hover]:bg-green-500/20 forced-colors:outline
Catalyst Badge
26.
inline-flex items-center gap-x-1.5 rounded-md bg-red-500/15 px-1.5 py-0.5 text-sm/5 font-medium text-red-700 group-data-[hover]:bg-red-500/25 sm:text-xs/5 dark:bg-red-500/10 dark:text-red-400 dark:group-data-[hover]:bg-red-500/20 forced-colors:outline
Shadcn badge
27.
focus:ring-ring inline-flex items-center rounded-md border border-transparent px-2.5 py-0.5 text-xs font-semibold shadow transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2
Shadcn badge
28.
focus:ring-ring text-foreground inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2
Shadcn badge
29.
focus:ring-ring text-secondary-foreground hover:bg-secondary/80 inline-flex items-center rounded-md border border-transparent bg-gray-100 px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2

Invite has been sent!

This is an alert shown

30.
group ml-1 flex items-center gap-3 rounded-xl bg-white py-2 pl-4 pr-28 text-green-600 ring-1 ring-inset ring-green-500 transition-all hover:bg-gray-100

Invite has been sent!

This is an alert shown

31.
group ml-1 flex items-center gap-3 rounded-xl bg-white py-2 pl-4 pr-28 text-black ring-1 ring-inset ring-gray-300 transition-all hover:bg-gray-100

Invite has been sent!

This is an alert shown

32.
group ml-1 flex items-center gap-3 rounded-full bg-white py-2 pl-4 pr-28 text-black ring-1 ring-inset ring-gray-300 transition-all hover:bg-gray-100

Error

Your session has expired

33.
group ml-1 flex items-center gap-3 rounded-xl bg-white py-2 pl-4 pr-28 text-black text-red-500 ring-1 ring-inset ring-red-500 transition-all hover:bg-red-100

Error

Your session has expired

34.
group ml-1 flex items-center gap-3 rounded-xl bg-white py-2 pl-4 pr-28 text-black text-red-600 ring-1 ring-inset ring-red-600 transition-all hover:bg-red-100

Error

Your session has expired

35.
group ml-1 flex items-center gap-3 rounded-full bg-white py-2 pl-4 pr-28 text-black text-red-600 ring-1 ring-inset ring-red-600 transition-all hover:bg-red-100