← Home / Design System / Buttons

Buttons

Primary CTA

Used across hero sections, partner pages, program pages. Supernova background, rounded-full, no uppercase.

class="bg-supernova rounded-full text-black px-8 py-4 text-lg font-medium hover:scale-[1.025] transition"

Footer CTA

Smaller button used in the footer contact section.

class="bg-blue-zodiac text-white px-6 py-2.5 rounded-full text-base font-medium hover:scale-105 transition-transform"

Action Card CTA

Used inside ActionSection cards. Supernova pill on dark background.

Become a Partner
class="bg-supernova text-black px-5 py-2 text-sm font-medium rounded-full"

On Dark Background