Normally, there is a dedicated Button field in the backend that selects the button style in the design plans. But where more buttons are desired, or a button in an unexpected place, there is a shortcode for generating the different styles. You must specify the button text, type, and url for satisfactory results. Additionally, specifying an optional target (e.g. target="_blank") is supported for when linking to a URL in a different site. 

<p>Red buttons (type of 'red-button' or 'ruby-button')<br>
[fg-button type="red-button" url="https://fivegraces.com/contact"]Button Text[/fg-button]

[fg-button type="ruby-button" url="https://fivegraces.com/contact"]Button Text[/fg-button]</p>

<p>Golden Brown Button:<br>
[fg-button type="golden-brown-button" url="/contact" target="_blank"]Target New Window[/fg-button]</p>

<p>Box Line Button<br>
[fg-button type="box-line-button" url="/contact"]Button Text[/fg-button]</p>

<p>Underline Button:<br>
[fg-button type="underline-button" url="/contact"]Button Text[/fg-button]</p>

<p>Underline Button Dark:<br>
[fg-button type="underline-button-dark" url="/contact"]Button Text[/fg-button]</p>

<p>Dark Transparent Button:<br>
[fg-button type="dark-transparent" url="/contact"]Button Text[/fg-button]</p>

