Buttons

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)`