Buttons

Gradient Button

Lorem ipsum dolor sit amet, rutrum aliquet taciti vel, nunc sed nec neque eleifend sed tellus, sociis consectetuer donec vulputate suspendisse, duis lorem vitae sed litora elit

[mkd_button size=”” type=”gradient” hover_type=”” target=”_self” icon_pack=”font_elegant” fe_icon=”arrow_right” font_weight=”” text=”PURCHASE”]

Outline Button

Lorem ipsum dolor sit amet, rutrum aliquet taciti vel, nunc sed nec neque eleifend sed tellus, sociis consectetuer donec vulputate suspendisse, duis lorem vitae sed litora elit

[mkd_button size=”” type=”outline” hover_type=”” target=”_self” icon_pack=”font_elegant” fe_icon=”arrow_right” font_weight=”” text=”PURCHASE” color=”#555555″ hover_color=”#ffffff” border_color=”#555555″]

Solid Button

Lorem ipsum dolor sit amet, rutrum aliquet taciti vel, nunc sed nec neque eleifend sed tellus, sociis consectetuer donec vulputate suspendisse, duis lorem vitae sed litora elit

[mkd_button size=”” type=”solid” hover_type=”outline” target=”_self” icon_pack=”font_elegant” fe_icon=”arrow_right” font_weight=”” text=”PURCHASE” hover_color=”#555555″ hover_border_color=”#555555″]

Small Button

Lorem ipsum dolor sit amet, rutrum aliquet taciti vel, nunc sed nec neque eleifend sed tellus, sociis consectetuer donec vulputate suspendisse, duis lorem vitae sed litora elit

[mkd_button size=”small” type=”gradient” hover_type=”” target=”_self” icon_pack=”font_elegant” fe_icon=”arrow_right” font_weight=”” text=”PURCHASE”]

Medium Button

Lorem ipsum dolor sit amet, rutrum aliquet taciti vel, nunc sed nec neque eleifend sed tellus, sociis consectetuer donec vulputate suspendisse, duis lorem vitae sed litora elit

[mkd_button size=”medium” type=”solid” hover_type=”outline” target=”_self” icon_pack=”font_elegant” fe_icon=”arrow_right” font_weight=”” text=”PURCHASE” color=”#ffffff” hover_color=”#555555″ background_color=”#0199ef” border_color=”#0199ef” hover_border_color=”#555555″]

Large Button

Lorem ipsum dolor sit amet, rutrum aliquet taciti vel, nunc sed nec neque eleifend sed tellus, sociis consectetuer donec vulputate suspendisse, duis lorem vitae sed litora elit

[mkd_button size=”large” type=”gradient-outline” target=”_self” icon_pack=”font_elegant” fe_icon=”arrow_right” font_weight=”” text=”PURCHASE”]
[mkd_button size=”huge-full-width” type=”gradient” hover_type=”” target=”_self” icon_pack=”font_elegant” fe_icon=”arrow_right” gradient_style=”mkd-type2-gradient-diagonal-2x” font_weight=”” text=”Full Width”]