X
+34 957 46 75 77 info@surgenia.es

Buttons

Button Small size

[vc_button title="Button" target="_self" color="grey" size="small" href="#" style="grey" align="none" icon_align="left" icon_size="normal"][vc_button title="Button" target="_self" color="green" size="small" href="#" style="green" align="none" icon_align="left" icon_size="normal"][vc_button title="Button" target="_self" color="seagreen" size="small" href="#" style="seagreen" align="none" icon_align="left" icon_size="normal"][vc_button title="Button" target="_self" color="orange" size="small" href="#" style="orange" align="none" icon_align="left" icon_size="normal"][vc_button title="Button" target="_self" color="red" size="small" href="#" style="red" align="none" icon_align="left" icon_size="normal"][vc_button title="Button" target="_self" color="black" size="small" href="#" style="black" align="none" icon_align="left" icon_size="normal"][vc_button title="Button" target="_self" color="purple" size="small" href="#" style="purple" align="none" icon_align="left" icon_size="normal"][vc_button title="Button" target="_self" color="yellow" size="small" href="#" style="yellow" align="none" icon_align="left" icon_size="normal"][vc_button title="Button" target="_self" color="alternate" size="small" href="#" style="alternate" align="none" icon_align="left" icon_size="normal"][vc_button title="Button" target="_self" color="alternate" size="small" href="#" style="alternateprimary" align="none" icon_align="left" icon_size="normal"]

Button Medium size

[vc_button title="Button" target="_self" color="default" size="default" href="#" style="default" align="none" icon_align="left" icon_size="normal"][vc_button title="Button" target="_self" color="grey" size="default" href="#" style="grey" align="none" icon_align="left" icon_size="normal"][vc_button title="Button" target="_self" color="green" size="default" href="#" style="green" align="none" icon_align="left" icon_size="normal"][vc_button title="Button" target="_self" color="seagreen" size="default" href="#" style="seagreen" align="none" icon_align="left" icon_size="normal"][vc_button title="Button" target="_self" color="orange" size="default" href="#" style="orange" align="none" icon_align="left" icon_size="normal"][vc_button title="Button" target="_self" color="red" size="default" href="#" style="red" align="none" icon_align="left" icon_size="normal"][vc_button title="Button" target="_self" color="black" size="default" href="#" style="black" align="none" icon_align="left" icon_size="normal"][vc_button title="Button" target="_self" color="purple" size="default" href="#" style="yellow" align="none" icon_align="left" icon_size="normal"][vc_button title="Button" target="_self" color="yellow" size="default" href="#" style="alternate" align="none" icon_align="left" icon_size="normal"][vc_button title="Button" target="_self" color="yellow" size="default" href="#" style="alternateprimary" align="none" icon_align="left" icon_size="normal"]

Button Large Size

[vc_button title="Button" target="_self" color="default" size="large" href="#" style="default" align="none" icon_align="left" icon_size="normal"][vc_button title="Button" target="_self" color="grey" size="large" href="#" style="grey" align="none" icon_align="left" icon_size="normal"][vc_button title="Button" target="_self" color="green" size="large" href="#" style="green" align="none" icon_align="left" icon_size="normal"][vc_button title="Button" target="_self" color="seagreen" size="large" href="#" style="seagreen" align="none" icon_align="left" icon_size="normal"][vc_button title="Button" target="_self" color="orange" size="large" href="#" style="orange" align="none" icon_align="left" icon_size="normal"][vc_button title="Button" target="_self" color="red" size="large" href="#" style="red" align="none" icon_align="left" icon_size="normal"][vc_button title="Button" target="_self" color="black" size="large" href="#" style="black" align="none" icon_align="left" icon_size="normal"][vc_button title="Button" target="_self" color="purple" size="large" href="#" style="yellow" align="none" icon_align="left" icon_size="normal"][vc_button title="Button" target="_self" color="yellow" size="large" href="#" style="alternate" align="none" icon_align="left" icon_size="normal"][vc_button title="Button" target="_self" color="yellow" size="large" href="#" style="alternateprimary" align="none" icon_align="left" icon_size="normal"]

Button With Icon

[vc_button style="default" align="none" title="Button" target="_self" icon="230|fontawesome" icon_align="right" icon_size="normal" size="large" href="#" icon_ds="initial"][vc_button style="default" align="none" title="Button" target="_self" icon="164|fontawesome" icon_align="left" icon_size="normal" size="large" href="#" icon_ds="initial"][vc_button style="default" align="none" title="Button" target="_self" icon="244|fontawesome" icon_align="right" icon_size="normal" size="default" href="#" icon_ds="initial"][vc_button style="default" align="none" title="Button" target="_self" icon="119|fontawesome" icon_align="left" icon_size="normal" size="default" href="#" icon_ds="initial"][vc_button style="default" align="none" title="Button" target="_self" icon="227|fontawesome" icon_align="right" icon_size="normal" size="small" href="#" icon_ds="initial"][vc_button style="default" align="none" title="Button" target="_self" icon="359|fontawesome" icon_align="left" icon_size="normal" size="small" href="#" icon_ds="initial"]

Button With Icon on hover

[vc_button style="default" align="none" title="Button" target="_self" icon="179|fontawesome" icon_align="right" icon_size="normal" size="large" href="#"][vc_button style="default" align="none" title="Button" target="_self" icon="171|fontawesome" icon_align="left" icon_size="normal" size="large" href="#"][vc_button style="default" align="none" title="Button" target="_self" icon="179|fontawesome" icon_align="right" icon_size="normal" size="default" href="#"][vc_button style="default" align="none" title="Button" target="_self" icon="171|fontawesome" icon_align="left" icon_size="normal" size="default" href="#"][vc_button style="default" align="none" title="Button" target="_self" icon="179|fontawesome" icon_align="right" icon_size="normal" size="small" href="#"][vc_button style="default" align="none" title="Button" target="_self" icon="171|fontawesome" icon_align="left" icon_size="normal" size="small" href="#"]

Transparent Buttons

[vc_button style="white" align="none" title="Read More" target="_self" icon_align="right" icon_ds="hover" icon_size="normal" size="default" href="#"][vc_button style="alternatewhite" align="none" title="Read More" target="_self" icon_align="right" icon_ds="hover" icon_size="normal" size="default" href="#"]

Readmore Buttons

[vc_button style="readmore" align="none" title="Read More" target="_self" icon="439|fontawesome" icon_align="right" icon_ds="initial" icon_size="normal" size="default" href="#"]
[vc_button style="readmore" align="none" title="Read More" target="_self" icon="333|fontawesome" icon_align="right" icon_ds="initial" icon_size="medium" icon_style="style2" icon_c="#2092ef" icon_bc="#2092ef" size="default" href="#"]