Quiz: Buttons

Quiz buttons start from your Buttons section: an empty Border Radius follows Button Border Radius, primary buttons follow Primary Button, and a Standard Button color fills the secondary buttons. Set values here to style quiz buttons differently.

Setting	What it does	When empty
Border Radius	Corner rounding on every quiz button, in pixels	Button Border Radius on Buttons

Primary

Start, Check, Next and Restart.

Setting	When empty
Background	Primary Hue
Text	White
Background on Hover	A darker step of the Primary Hue
Text on Hover	White

Secondary

Hint, Skip and View Questions. By default these are outline buttons in the primary color.

Setting	What it does	When empty
Background	Fills the button; the outline takes the same color	Transparent (an outline button)
Text	Text on a filled secondary button. On an outline button the text is always the primary color.	Primary Hue
Background on Hover	The button on hover	Primary Hue
Text on Hover	Text on hover	White