Buttons

This is our button. It’s roomier and warmer than the default button.

Brown button

Tokens:

• usa-button
• padding-4
• bg-accent-warm-dark
• hover:bg-accent-warm-darker
• text-normal
• radius-0

Bixal button

Tokens:

• usa-button
• text-uppercase
• text-normal
• padding-2
• radius-lg
• bg-ink
• hover:bg-white
• hover:text-ink
• hover:border-2px
• border-2px
• border-color-ink
• font-family-sans-serif
• font-sans-sm
• text-ls-1

AL button primary

Tokens:

• usa-button
• radius-0
• text-white
• font-sans-sm
• al-bg-primary
• hover:bg-secondary
• hover:text-ink
• text-normal

AL tab button

Tokens:

• usa-button
• text-uppercase
• text-bold
• text-ink
• hover:text-ink
• border-bottom-05
• hover:border-bottom-05
• bg-white
• hover:bg-white
• border-green
• hover:border-mint
• padding-x-2
• padding-y-1
• radius-0