Button Styles
The Button Block allows for 6 different style options.
Fill
The Fill Style is white with a grey stroke and turns red on hover. This style should be used as a strong CTA (call-to-action).
Transparent
Transparent Buttons will take on the background color of whatever Block they are placed on, including images and videos. Like the Fill Style, they turn red on hover and should be used as a strong CTA.
Fill with Arrow
Buttons with Arrows should be used when linking to an internal page.
Transparent with Arrow
Buttons with Arrows should be used when linking to an external page.
Text with Arrow
The Text with Arrow Button should be used when linking to an internal page. This should be used in place of the Fill and Transparent with Arrow buttons when the internal page link comes between larger sections of text or imagery.
Text with External Link Icon
The Text with External Link Icon button should be used when linking to an offsite page or resource.