Buttons

Buttons

[vc_row][vc_column][tm_heading tag=”h4″ custom_google_font=””]Button Size[/tm_heading][tm_spacer size=”lg:30″][tm_button_group][tm_button size=”xs” button=”url:%23|title:Extra%20Small||”][tm_button size=”sm” button=”url:%23|title:Small%20Size||”][tm_button button=”url:%23|title:Standard%20Size||”][tm_button size=”lg” button=”url:%23|title:Large%20Size||”][/tm_button_group][tm_spacer size=”lg:10″][tm_button size=”custom” button=”url:%23|title:Custom%20Size||” width=”280″][tm_spacer size=”lg:20″][tm_button full_wide=”1″ button=”url:%23|title:Full%20Wide||”][/vc_column][/vc_row][vc_row][vc_column][tm_spacer size=”lg:100″][tm_heading tag=”h4″ custom_google_font=””]Button Style[/tm_heading][tm_spacer size=”lg:30″][tm_button_group][tm_button button=”url:%23|title:Standard%20Style||”][tm_button style=”solid” button=”url:%23|title:Solid%20Style||”][tm_button button=”url:%23|title:Rectangle||” rounded=”0″][tm_button button=”url:%23|title:Bullet||” rounded=”30px”][/tm_button_group][/vc_column][/vc_row][vc_row][vc_column][tm_spacer size=”lg:100″][tm_heading tag=”h4″ custom_google_font=””]Unlimited Skin[/tm_heading][tm_spacer size=”lg:30″][tm_button_group][tm_button button=”url:%23|title:Primary%20Button||” color=”custom” button_bg_color=”primary” button_border_color=”primary”][tm_button button=”url:%23|title:Secondary%20Button||” color=”custom” button_bg_color=”secondary” button_border_color=”secondary”][tm_button button=”url:%23|title:Custom%20Color||” color=”custom” button_bg_color=”custom” custom_button_bg_color=”#222222″][tm_button button=”url:%23|title:White%20Button||” color=”custom” button_bg_color=”custom” font_color=”custom” custom_button_bg_color=”#ffffff” custom_font_color=”#222222″ box_shadow=”0 0 30px 5px rgba(0,0,0,0.07)”][tm_button button=”url:%23|title:Gradient%20Button||” color=”custom” button_bg_color=”gradient” button_bg_gradient=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF3F85), color-stop(100%, #FAA720));background: -moz-linear-gradient(150deg,#FF3F85 0%,#FAA720 100%);background: -webkit-linear-gradient(150deg,#FF3F85 0%,#FAA720 100%);background: -o-linear-gradient(150deg,#FF3F85 0%,#FAA720 100%);background: -ms-linear-gradient(150deg,#FF3F85 0%,#FAA720 100%);background: linear-gradient(150deg,#FF3F85 0%,#FAA720 100%);”][/tm_button_group][/vc_column][/vc_row][vc_row][vc_column][tm_spacer size=”lg:100″][tm_heading tag=”h4″ custom_google_font=””]With Ton Of Icons[/tm_heading][tm_spacer size=”lg:30″][tm_button_group][tm_button button=”url:%23|title:Standard%20Style||” icon_type=”fontawesome5″ icon_fontawesome5=”far fa-bolt”][tm_button button=”url:%23|title:Standard%20Style||” icon_type=”fontawesome5″ icon_fontawesome5=”far fa-arrow-right”][tm_button button=”url:%23|title:Standard%20Style||” icon_type=”fontawesome5″ icon_fontawesome5=”far fa-binoculars”][tm_button button=”url:%23|title:Standard%20Style||” icon_align=”left” icon_type=”fontawesome5″ icon_fontawesome5=”far fa-code-merge”][/tm_button_group][/vc_column][/vc_row][vc_row][vc_column][tm_spacer size=”lg:100″][tm_heading tag=”h4″ custom_google_font=””]With Image[/tm_heading][tm_spacer size=”lg:30″][tm_button_group][tm_button style=”image” button=”url:%23|title:Google%20App||” icon_type=”fontawesome5″ icon_fontawesome5=”far fa-bolt” image=”72″][tm_button style=”image” button=”url:%23|title:App%20Store||” icon_type=”fontawesome5″ icon_fontawesome5=”far fa-bolt” image=”71″][/tm_button_group][/vc_column][/vc_row]