[h2-border-title title=”Buttons” /]

[one-third]

[button link=”#” size=”small” variation=”green”]Small Button[/button]
[clear/]

[button link=”#” size=”medium” variation=”green”]Medium Button[/button]

[button link=”#” size=”large” variation=”green”]Large Button[/button]

[button link=”#” size=”xlarge” variation=”green”]XLarge Button[/button]

[/one-third]

[one-third]

[button link=”#” size=”small” variation=”orange”]Small Button[/button]

[clear/]

[button link=”#” size=”medium” variation=”orange”]Medium Button[/button]

[button link=”#” size=”large” variation=”orange”]Large Button[/button]

[button link=”#” size=”xlarge” variation=”orange”]XLarge Button[/button]

[/one-third]

[one-third last]

[button link=”#” size=”small” variation=”blue”]Small Button[/button]

[clear/]

[button link=”#” size=”medium” variation=”blue”]Medium Button[/button]

[button link=”#” size=”large” variation=”blue”]Large Button[/button]

[button link=”#” size=”xlarge” variation=”blue”]XLarge Button[/button]

[/one-third]

[clear /]

[hr-invisible-small /]

[one-third]

[button link=”#” size=”small” variation=”pink”]Small Button[/button]
[clear/]

[button link=”#” size=”medium” variation=”pink”]Medium Button[/button]

[button link=”#” size=”large” variation=”pink”]Large Button[/button]

[button link=”#” size=”xlarge” variation=”pink”]XLarge Button[/button]

[/one-third]

[one-third]

[button link=”#” size=”small” variation=”red”]Small Button[/button]

[clear/]

[button link=”#” size=”medium” variation=”red”]Medium Button[/button]

[button link=”#” size=”large” variation=”red”]Large Button[/button]

[button link=”#” size=”xlarge” variation=”red”]XLarge Button[/button]

[/one-third]

[one-third last]

[button link=”#” size=”small” variation=”purple”]Small Button[/button]

[clear/]

[button link=”#” size=”medium” variation=”purple”]Medium Button[/button]

[button link=”#” size=”large” variation=”purple”]Large Button[/button]

[button link=”#” size=”xlarge” variation=”purple”]XLarge Button[/button]

[/one-third]

[clear /]

[hr-invisible-small /]

[one-third]

[button link=”#” size=”small” variation=”ocean”]Small Button[/button]
[clear/]

[button link=”#” size=”medium” variation=”ocean”]Medium Button[/button]

[button link=”#” size=”large” variation=”ocean”]Large Button[/button]

[button link=”#” size=”xlarge” variation=”ocean”]XLarge Button[/button]

[/one-third]

[one-third]

[button link=”#” size=”small” variation=”black”]Small Button[/button]

[clear/]

[button link=”#” size=”medium” variation=”black”]Medium Button[/button]

[button link=”#” size=”large” variation=”black”]Large Button[/button]

[button link=”#” size=”xlarge” variation=”black”]XLarge Button[/button]

[/one-third]

[one-third last]

[button link=”#” size=”small” variation=”slateblue”]Small Button[/button]

[clear/]

[button link=”#” size=”medium” variation=”slateblue”]Medium Button[/button]

[button link=”#” size=”large” variation=”slateblue”]Large Button[/button]

[button link=”#” size=”xlarge” variation=”slateblue”]XLarge Button[/button]

[/one-third]

[clear /]

[hr-invisible-small /]

[one-third]

[button link=”#” size=”small” variation=”skyblue”]Small Button[/button]
[clear/]

[button link=”#” size=”medium” variation=”skyblue”]Medium Button[/button]

[button link=”#” size=”large” variation=”skyblue”]Large Button[/button]

[button link=”#” size=”xlarge” variation=”skyblue”]XLarge Button[/button]

[/one-third]

[one-third]

[button link=”#” size=”small” variation=”coral”]Small Button[/button]

[clear/]

[button link=”#” size=”medium” variation=”coral”]Medium Button[/button]

[button link=”#” size=”large” variation=”coral”]Large Button[/button]

[button link=”#” size=”xlarge” variation=”coral”]XLarge Button[/button]

[/one-third]

[one-third last]

[button link=”#” size=”small” variation=”khaki”]Small Button[/button]

[clear/]

[button link=”#” size=”medium” variation=”khaki”]Medium Button[/button]

[button link=”#” size=”large” variation=”khaki”]Large Button[/button]

[button link=”#” size=”xlarge” variation=”khaki”]XLarge Button[/button]

[/one-third]

[clear /]

[hr-invisible-small /]

[one-third]

[button link=”#” size=”small” variation=”cyan”]Small Button[/button]
[clear/]

[button link=”#” size=”medium” variation=”cyan”]Medium Button[/button]

[button link=”#” size=”large” variation=”cyan”]Large Button[/button]

[button link=”#” size=”xlarge” variation=”cyan”]XLarge Button[/button]

[/one-third]

[one-third]

[button link=”#” size=”small” variation=”grey”]Small Button[/button]

[clear/]

[button link=”#” size=”medium” variation=”grey”]Medium Button[/button]

[button link=”#” size=”large” variation=”grey”]Large Button[/button]

[button link=”#” size=”xlarge” variation=”grey”]XLarge Button[/button]

[/one-third]

[one-third last]

[button link=”#” size=”small” variation=”gold”]Small Button[/button]

[clear/]

[button link=”#” size=”medium” variation=”gold”]Medium Button[/button]

[button link=”#” size=”large” variation=”gold”]Large Button[/button]

[button link=”#” size=”xlarge” variation=”gold”]XLarge Button[/button]

[/one-third]

[clear /]

[hr-invisible-small /]

[one-third]

[button link=”#” size=”small” variation=”chocolate”]Small Button[/button]
[clear/]

[button link=”#” size=”medium” variation=”chocolate”]Medium Button[/button]

[button link=”#” size=”large” variation=”chocolate”]Large Button[/button]

[button link=”#” size=”xlarge” variation=”chocolate”]XLarge Button[/button]

[/one-third]

[one-third]

[button link=”#” size=”small” variation=”raspberry”]Small Button[/button]

[clear/]

[button link=”#” size=”medium” variation=”raspberry”]Medium Button[/button]

[button link=”#” size=”large” variation=”raspberry”]Large Button[/button]

[button link=”#” size=”xlarge” variation=”raspberry”]XLarge Button[/button]

[/one-third]

[one-third last]

[button link=”#” size=”small” variation=”electricblue”]Small Button[/button]

[clear/]

[button link=”#” size=”medium” variation=”electricblue”]Medium Button[/button]

[button link=”#” size=”large” variation=”electricblue”]Large Button[/button]

[button link=”#” size=”xlarge” variation=”electricblue”]XLarge Button[/button]

[/one-third]

[clear /]

[hr-invisible-small /]

[one-third]

[button link=”#” size=”small” variation=”eggplant”]Small Button[/button]
[clear/]

[button link=”#” size=”medium” variation=”eggplant”]Medium Button[/button]

[button link=”#” size=”large” variation=”eggplant”]Large Button[/button]

[button link=”#” size=”xlarge” variation=”eggplant”]XLarge Button[/button]

[/one-third]

[one-third]

[button link=”#” size=”small” variation=”ferngreen”]Small Button[/button]

[clear/]

[button link=”#” size=”medium” variation=”ferngreen”]Medium Button[/button]

[button link=”#” size=”large” variation=”ferngreen”]Large Button[/button]

[button link=”#” size=”xlarge” variation=”ferngreen”]XLarge Button[/button]

[/one-third]

[one-third last]

[button link=”#” size=”small” variation=”palebrown”]Small Button[/button]

[clear/]

[button link=”#” size=”medium” variation=”palebrown”]Medium Button[/button]

[button link=”#” size=”large” variation=”palebrown”]Large Button[/button]

[button link=”#” size=”xlarge” variation=”palebrown”]XLarge Button[/button]

[/one-third]

[clear /]

[hr-invisible-small /]

Shortcode:

[code]
[button link=”#” variation=”…” size=”…”]Button[/button]
[/code]
[hr-invisible-small /]
[clear /]
[four-fifth]

Available Variations

[one-fourth]

  • green
  • blue
  • ocean
  • pink
  • orange

[/one-fourth]
[one-fourth]

  • purple
  • red
  • slateblue
  • skyblue
  • coral

[/one-fourth]

[one-fourth]

  • khaki
  • cyan
  • grey
  • gold
  • chocolate

[/one-fourth]
[one-fourth last]

  • raspberry
  • electricblue
  • eggplant
  • ferngreen
  • palebrown

[/one-fourth]
[/four-fifth]

[one-fifth last]

Available Sizes
  • small
  • medium
  • large
  • xlarge

[/one-fifth]