Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents
minLevel1
maxLevel7

Default

Property

Value

Note

background-color

#ffffff

primary-color(white)

color

#1a1a1a

primary-color(black)

font-size

1.125rem

font-weight

800

text-align

center

padding

15px 35px

border

solid 2px transparent

border-radius

30px

There is an after pseudo element with background-image: linear-gradient(40deg, #059bd6 6%, #253a6e 98%) that creates the gradient border effect. View the digital styleguide for details.

Use the color #0273ba, primary-color(blue), if a gradient is not possible using the method described above.

hover, focus, active

Property

Value

Note

background-image

linear-gradient(40deg, #253a6e 6%, #059bd6 98%)

color

#ffffff

primary-color(white)

background-color

transparent

disabled

Property

Value

Note

background

rgb(148, 148, 148)

color

rgb(255, 255, 255)

primary-color(white)

border-color

rgb(148, 148, 148)