Button Sizes
[kswr_button btn_link= »url:%23||| » btn_style= »qaswara » btn_width= »250″ btn_height= »55″ btn_border_radius= »0″ btn_bg= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« #111« ,« direction« :« to left« } » btn_bg_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #00AFD1« ,« direction« :« to left« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« #fff« ,« direction« :« to left« } » btn_icon_size= »26″ btn_txt= »LARGE BUTTON » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:17px;letter-spacing:2px; » btn_ftstyle= »font-family:Default;font-weight:600; » btn_bdr= »{« borderwidth« :« 2px« ,« bordercolor1« :« #262b31« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_bdr_hover= »{« borderwidth« :« 2px« ,« bordercolor1« :« #262b31« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_icon_paddings= »padding-left:0px;padding-right:0px; »]
[kswr_button btn_link= »url:%23||| » btn_style= »qaswara » btn_width= »200″ btn_height= »42″ btn_border_radius= »0″ btn_bg= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« #111« ,« direction« :« to left« } » btn_bg_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #00AFD1« ,« direction« :« to left« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« #fff« ,« direction« :« to left« } » btn_align= »center » btn_icon_size= »26″ btn_txt= »NORMAL BUTTON » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:15px;letter-spacing:2px; » btn_ftstyle= »font-family:Default;font-weight:600; » btn_bdr= »{« borderwidth« :« 2px« ,« bordercolor1« :« #262b31« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_bdr_hover= »{« borderwidth« :« 2px« ,« bordercolor1« :« #262b31« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_icon_paddings= »padding-left:0px;padding-right:0px; »]
[kswr_button btn_link= »url:%23||| » btn_style= »qaswara » btn_width= »150″ btn_height= »37″ btn_border_radius= »0″ btn_bg= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« #111« ,« direction« :« to left« } » btn_bg_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #00AFD1« ,« direction« :« to left« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« #fff« ,« direction« :« to left« } » btn_align= »center » btn_icon_size= »26″ btn_txt= »SMALL BUTTON » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:13px;letter-spacing:1px; » btn_ftstyle= »font-family:Default;font-weight:500; » btn_bdr= »{« borderwidth« :« 1px« ,« bordercolor1« :« #262b31« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_bdr_hover= »{« borderwidth« :« 1px« ,« bordercolor1« :« #262b31« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_icon_paddings= »padding-left:0px;padding-right:0px; »]
[kswr_button btn_link= »url:%23||| » btn_style= »qaswara » btn_width= »120″ btn_height= »30″ btn_border_radius= »0″ btn_bg= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« #111« ,« direction« :« to left« } » btn_bg_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #00AFD1« ,« direction« :« to left« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« #fff« ,« direction« :« to left« } » btn_align= »center » btn_icon_size= »26″ btn_txt= »MINI BUTTON » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:11px;letter-spacing:1px; » btn_ftstyle= »font-family:Default;font-weight:600; » btn_bdr= »{« borderwidth« :« 1px« ,« bordercolor1« :« #262b31« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_bdr_hover= »{« borderwidth« :« 1px« ,« bordercolor1« :« #262b31« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_icon_paddings= »padding-left:0px;padding-right:0px; »]
Button Border Radius
[kswr_button btn_link= »url:%23||| » btn_style= »qaswara » btn_width= »150″ btn_height= »37″ btn_border_radius= »5″ btn_bg= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« #111« ,« direction« :« to left« } » btn_bg_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #00AFD1« ,« direction« :« to left« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« #fff« ,« direction« :« to left« } » btn_align= »center » btn_icon_size= »26″ btn_txt= »Contact Us » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:13px;letter-spacing:1px; » btn_ftstyle= »font-family:Default;font-weight:500; » btn_bdr= »{« borderwidth« :« 1px« ,« bordercolor1« :« #262b31« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_bdr_hover= »{« borderwidth« :« 1px« ,« bordercolor1« :« #262b31« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_icon_paddings= »padding-left:0px;padding-right:0px; »]
[kswr_button btn_link= »url:%23||| » btn_style= »qaswara » btn_width= »150″ btn_height= »37″ btn_border_radius= »10″ btn_bg= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #111« ,« direction« :« to left« } » btn_bg_hover= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« #00AFD1« ,« direction« :« to left« } » btn_clr= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« #fff« ,« direction« :« to left« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_align= »center » btn_icon_size= »26″ btn_txt= »Contact Us » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:13px;letter-spacing:1px; » btn_ftstyle= »font-family:Default;font-weight:500; » btn_bdr= »{« borderwidth« :« 1px« ,« bordercolor1« :« #262b31« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_bdr_hover= »{« borderwidth« :« 1px« ,« bordercolor1« :« #262b31« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_icon_paddings= »padding-left:0px;padding-right:0px; »]
[kswr_button btn_link= »url:%23||| » btn_style= »qaswara » btn_width= »150″ btn_height= »37″ btn_border_radius= »15″ btn_bg= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« #111« ,« direction« :« to left« } » btn_bg_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #00AFD1« ,« direction« :« to left« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« #fff« ,« direction« :« to left« } » btn_align= »center » btn_icon_size= »26″ btn_txt= »Contact Us » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:13px;letter-spacing:1px; » btn_ftstyle= »font-family:Default;font-weight:500; » btn_bdr= »{« borderwidth« :« 1px« ,« bordercolor1« :« #262b31« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_bdr_hover= »{« borderwidth« :« 1px« ,« bordercolor1« :« #262b31« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_icon_paddings= »padding-left:0px;padding-right:0px; »]
[kswr_button btn_link= »url:%23||| » btn_style= »qaswara » btn_width= »150″ btn_height= »37″ btn_border_radius= »30″ btn_bg= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #111« ,« direction« :« to left« } » btn_bg_hover= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« #00AFD1« ,« direction« :« to left« } » btn_clr= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« #fff« ,« direction« :« to left« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_align= »center » btn_icon_size= »26″ btn_txt= »Contact Us » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:13px;letter-spacing:1px; » btn_ftstyle= »font-family:Default;font-weight:500; » btn_bdr= »{« borderwidth« :« 1px« ,« bordercolor1« :« #262b31« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_bdr_hover= »{« borderwidth« :« 1px« ,« bordercolor1« :« #262b31« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_icon_paddings= »padding-left:0px;padding-right:0px; »]
Button with Icon
[kswr_button btn_link= »url:%23||| » btn_layout= »withicon » btn_style= »qaswara » btn_icon= »km-icon-download5″ btn_width= »210″ btn_height= »45″ btn_border_radius= »0″ btn_bg= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« #111« ,« direction« :« to left« } » btn_bg_hover= »{« type« :« color« ,« color1« :« #1fbdf2« ,« color2« :« #00AFD1« ,« direction« :« to left« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_align= »center » btn_icon_size= »20″ btn_txt= »Download Now » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:15px;letter-spacing:1px; » btn_ftstyle= »font-family:Default;font-weight:500; » btn_bdr= »{« borderwidth« :« 1px« ,« bordercolor1« :« #262b31« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_bdr_hover= »{« borderwidth« :« 1px« ,« bordercolor1« :« 1fbdf2« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_icon_paddings= »padding-left:20px;padding-right:25px; »]
[kswr_button btn_link= »url:%23||| » btn_layout= »withicon » btn_style= »rotatebottom » btn_hover_action= »scaledown » btn_icon= »km-icon-download5″ btn_width= »210″ btn_height= »45″ btn_border_radius= »0″ btn_bg= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #111« ,« direction« :« to left« } » btn_bg_hover= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« #00AFD1« ,« direction« :« to left« } » btn_clr= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« #fff« ,« direction« :« to left« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_align= »center » btn_icon_size= »20″ btn_icon_clr= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« #fff« ,« direction« :« to left« } » btn_txt= »Download Now » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:15px;letter-spacing:1px; » btn_ftstyle= »font-family:Default;font-weight:500; » btn_bdr= »{« borderwidth« :« 1px« ,« bordercolor1« :« #262b31« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_bdr_hover= »{« borderwidth« :« 1px« ,« bordercolor1« :« #262b31« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_icon_paddings= »padding-left:20px;padding-right:25px; »]
[kswr_button btn_link= »url:%23||| » btn_layout= »withicon » btn_style= »pushright » btn_icon= »km-icon-pencil4″ btn_width= »210″ btn_height= »45″ btn_border_radius= »0″ btn_bg= »{« type« :« color« ,« color1« :« rgba(79, 142, 237, 1)« ,« color2« :« #111« ,« direction« :« to left« } » btn_bg_hover= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« #00AFD1« ,« direction« :« to left« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_align= »center » btn_icon_position= »right » btn_icon_size= »20″ btn_txt= »Publish Post » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:15px;letter-spacing:1px; » btn_ftstyle= »font-family:Default;font-weight:600; » btn_bdr= »{« borderwidth« :« 1px« ,« bordercolor1« :« rgba(79, 142, 237, 1)« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_bdr_hover= »{« borderwidth« :« 1px« ,« bordercolor1« :« #262b31« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_icon_paddings= »padding-left:15px;padding-right:20px; »]
[kswr_button btn_link= »url:%23||| » btn_layout= »withicon » btn_style= »rotatetop » btn_hover_action= »scaleup » btn_icon= »km-icon-pencil4″ btn_width= »210″ btn_height= »45″ btn_border_radius= »0″ btn_bg= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #111« ,« direction« :« to left« } » btn_bg_hover= »{« type« :« color« ,« color1« :« rgba(79, 142, 237, 1)« ,« color2« :« #00AFD1« ,« direction« :« to left« } » btn_clr= »{« type« :« color« ,« color1« :« rgba(79, 142, 237, 1)« ,« color2« :« #fff« ,« direction« :« to left« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_align= »center » btn_icon_position= »right » btn_icon_size= »20″ btn_icon_clr= »{« type« :« color« ,« color1« :« rgba(79, 142, 237, 1)« ,« color2« :« #fff« ,« direction« :« to left« } » btn_txt= »Publish Post » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:15px;letter-spacing:1px; » btn_ftstyle= »font-family:Default;font-weight:600; » btn_bdr= »{« borderwidth« :« 1px« ,« bordercolor1« :« rgba(79, 142, 237, 1)« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_bdr_hover= »{« borderwidth« :« 1px« ,« bordercolor1« :« rgba(79, 142, 237, 1)« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_icon_paddings= »padding-left:15px;padding-right:20px; »]
Some Hover Effects
[kswr_button btn_link= »url:%23||| » btn_icon= »km-icon-download5″ btn_width= »210″ btn_height= »45″ btn_border_radius= »0″ btn_bg= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« #111« ,« direction« :« to left« } » btn_bg_hover= »{« type« :« color« ,« color1« :« #1fbdf2« ,« color2« :« #00AFD1« ,« direction« :« to left« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_align= »center » btn_icon_size= »20″ btn_txt= »I’m a Button » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:15px;letter-spacing:1px; » btn_ftstyle= »font-family:Default;font-weight:600; » btn_bdr= »{« borderwidth« :« 1px« ,« bordercolor1« :« #262b31« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_bdr_hover= »{« borderwidth« :« 1px« ,« bordercolor1« :« 1fbdf2« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_icon_paddings= »padding-left:0px;padding-right:0px; »]
[kswr_button btn_link= »url:%23||| » btn_style= »fillleft » btn_icon= »km-icon-download5″ btn_width= »210″ btn_height= »45″ btn_border_radius= »0″ btn_bg= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #1fbdf2« ,« direction« :« to bottom right« } » btn_bg_hover= »{« type« :« gradient« ,« color1« :« #1fbdf2« ,« color2« :« rgba(204, 93, 255, 1)« ,« direction« :« to bottom right« } » btn_clr= »{« type« :« gradient« ,« color1« :« rgba(204, 93, 255, 1)« ,« color2« :« rgba(79, 142, 237, 1)« ,« direction« :« to bottom right« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_align= »center » btn_icon_size= »20″ btn_txt= »I’m a Button » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:15px;letter-spacing:1px; » btn_ftstyle= »font-family:Default;font-weight:600; » btn_bdr= »{« borderwidth« :« 2px« ,« bordercolor1« :« rgba(204, 93, 255, 1)« ,« borderstyle« :« solid« ,« bordergradientdirection« :« to bottom right« ,« bordercolor2« :« rgba(79, 142, 237, 1)« } » btn_bdr_hover= »{« borderwidth« :« 2px« ,« bordercolor1« :« rgba(79, 142, 237, 1)« ,« borderstyle« :« solid« ,« bordergradientdirection« :« to bottom right« ,« bordercolor2« :« rgba(204, 93, 255, 1)« } » btn_icon_paddings= »padding-left:0px;padding-right:0px; »]
[kswr_button btn_link= »url:%23||| » btn_style= »pushleft » btn_width= »210″ btn_height= »45″ btn_border_radius= »0″ btn_bg= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« #111« ,« direction« :« to left« } » btn_bg_hover= »{« type« :« color« ,« color1« :« #1fbdf2« ,« color2« :« #00AFD1« ,« direction« :« to left« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_align= »center » btn_icon_size= »20″ btn_txt= »I’m a Button » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:15px;letter-spacing:1px; » btn_ftstyle= »font-family:Default;font-weight:600; » btn_bdr= »{« borderwidth« :« 1px« ,« bordercolor1« :« #262b31« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_bdr_hover= »{« borderwidth« :« 1px« ,« bordercolor1« :« 1fbdf2« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_icon_paddings= »padding-left:0px;padding-right:0px; »]
[kswr_button btn_link= »url:%23||| » btn_style= »pushbottom » btn_icon= »km-icon-download5″ btn_width= »210″ btn_height= »45″ btn_border_radius= »0″ btn_bg= »{« type« :« gradient« ,« color1« :« rgba(204, 93, 255, 1)« ,« color2« :« #1fbdf2« ,« direction« :« to bottom right« } » btn_bg_hover= »{« type« :« gradient« ,« color1« :« #1fbdf2« ,« color2« :« rgba(204, 93, 255, 1)« ,« direction« :« to bottom right« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_align= »center » btn_icon_size= »20″ btn_txt= »I’m a Button » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:15px;letter-spacing:1px; » btn_ftstyle= »font-family:Default;font-weight:600; » btn_bdr= »{« borderwidth« :« « ,« bordercolor1« :« « ,« borderstyle« :« none« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_bdr_hover= »{« borderwidth« :« « ,« bordercolor1« :« « ,« borderstyle« :« none« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_icon_paddings= »padding-left:0px;padding-right:0px; »]
[kswr_button btn_link= »url:%23||| » btn_style= »fillright » btn_icon= »km-icon-download5″ btn_width= »210″ btn_height= »45″ btn_border_radius= »0″ btn_bg= »{« type« :« gradient« ,« color1« :« rgba(204, 93, 255, 1)« ,« color2« :« #1fbdf2« ,« direction« :« to bottom right« } » btn_bg_hover= »{« type« :« gradient« ,« color1« :« #1fbdf2« ,« color2« :« rgba(204, 93, 255, 1)« ,« direction« :« to bottom right« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_align= »center » btn_icon_size= »20″ btn_txt= »I’m a Button » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:15px;letter-spacing:1px; » btn_ftstyle= »font-family:Default;font-weight:600; » btn_bdr= »{« borderwidth« :« « ,« bordercolor1« :« « ,« borderstyle« :« none« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_bdr_hover= »{« borderwidth« :« « ,« bordercolor1« :« « ,« borderstyle« :« none« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_icon_paddings= »padding-left:0px;padding-right:0px; »]
[kswr_button btn_link= »url:%23||| » btn_style= »pushtop » btn_width= »210″ btn_height= »45″ btn_border_radius= »0″ btn_bg= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« #111« ,« direction« :« to left« } » btn_bg_hover= »{« type« :« color« ,« color1« :« #1fbdf2« ,« color2« :« #00AFD1« ,« direction« :« to left« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_align= »center » btn_icon_size= »20″ btn_txt= »I’m a Button » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:15px;letter-spacing:1px; » btn_ftstyle= »font-family:Default;font-weight:600; » btn_bdr= »{« borderwidth« :« 1px« ,« bordercolor1« :« #262b31« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_bdr_hover= »{« borderwidth« :« 1px« ,« bordercolor1« :« 1fbdf2« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_icon_paddings= »padding-left:0px;padding-right:0px; »]
[kswr_button btn_link= »url:%23||| » btn_style= »filltop » btn_icon= »km-icon-download5″ btn_width= »210″ btn_height= »45″ btn_border_radius= »0″ btn_bg= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #1fbdf2« ,« direction« :« to bottom right« } » btn_bg_hover= »{« type« :« gradient« ,« color1« :« #1fbdf2« ,« color2« :« rgba(204, 93, 255, 1)« ,« direction« :« to bottom right« } » btn_clr= »{« type« :« gradient« ,« color1« :« rgba(204, 93, 255, 1)« ,« color2« :« rgba(79, 142, 237, 1)« ,« direction« :« to bottom right« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_align= »center » btn_icon_size= »20″ btn_txt= »I’m a Button » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:15px;letter-spacing:1px; » btn_ftstyle= »font-family:Default;font-weight:600; » btn_bdr= »{« borderwidth« :« 2px« ,« bordercolor1« :« rgba(204, 93, 255, 1)« ,« borderstyle« :« solid« ,« bordergradientdirection« :« to bottom right« ,« bordercolor2« :« rgba(79, 142, 237, 1)« } » btn_bdr_hover= »{« borderwidth« :« 2px« ,« bordercolor1« :« rgba(79, 142, 237, 1)« ,« borderstyle« :« solid« ,« bordergradientdirection« :« to bottom right« ,« bordercolor2« :« rgba(204, 93, 255, 1)« } » btn_icon_paddings= »padding-left:0px;padding-right:0px; »]
[kswr_button btn_link= »url:%23||| » btn_style= »pushright » btn_width= »210″ btn_height= »45″ btn_border_radius= »0″ btn_bg= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« #111« ,« direction« :« to left« } » btn_bg_hover= »{« type« :« color« ,« color1« :« #1fbdf2« ,« color2« :« #00AFD1« ,« direction« :« to left« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_align= »center » btn_icon_size= »20″ btn_txt= »I’m a Button » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:15px;letter-spacing:1px; » btn_ftstyle= »font-family:Default;font-weight:600; » btn_bdr= »{« borderwidth« :« 1px« ,« bordercolor1« :« #262b31« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_bdr_hover= »{« borderwidth« :« 1px« ,« bordercolor1« :« 1fbdf2« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_icon_paddings= »padding-left:0px;padding-right:0px; »]
[kswr_button btn_link= »url:%23||| » btn_layout= »withicon » btn_style= »fillbottom » btn_icon= »km-icon-layers2″ btn_width= »210″ btn_height= »45″ btn_border_radius= »0″ btn_bg= »{« type« :« gradient« ,« color1« :« rgba(204, 93, 255, 1)« ,« color2« :« #1fbdf2« ,« direction« :« to bottom right« } » btn_bg_hover= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« rgba(204, 93, 255, 1)« ,« direction« :« to bottom right« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_align= »center » btn_icon_size= »20″ btn_txt= »I’m a Button » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:15px;letter-spacing:1px; » btn_ftstyle= »font-family:Default;font-weight:600; » btn_bdr= »{« borderwidth« :« « ,« bordercolor1« :« « ,« borderstyle« :« none« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_bdr_hover= »{« borderwidth« :« « ,« bordercolor1« :« « ,« borderstyle« :« none« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_icon_paddings= »padding-left:20px;padding-right:20px; »]
[kswr_button btn_link= »url:%23||| » btn_layout= »withicon » btn_style= »scaledown » btn_icon= »km-icon-tools » btn_width= »210″ btn_height= »45″ btn_border_radius= »0″ btn_bg= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« #1fbdf2« ,« direction« :« to bottom right« } » btn_bg_hover= »{« type« :« gradient« ,« color1« :« #1fbdf2« ,« color2« :« rgba(204, 93, 255, 1)« ,« direction« :« to bottom right« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_align= »center » btn_icon_size= »20″ btn_txt= »I’m a Button » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:15px;letter-spacing:1px; » btn_ftstyle= »font-family:Default;font-weight:600; » btn_bdr= »{« borderwidth« :« « ,« bordercolor1« :« « ,« borderstyle« :« none« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_bdr_hover= »{« borderwidth« :« « ,« bordercolor1« :« « ,« borderstyle« :« none« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_icon_paddings= »padding-left:20px;padding-right:20px; »]
[kswr_button btn_link= »url:%23||| » btn_layout= »withicon » btn_style= »scaleup » btn_icon= »km-icon-paintbrush » btn_width= »210″ btn_height= »45″ btn_border_radius= »0″ btn_bg= »{« type« :« gradient« ,« color1« :« rgba(204, 93, 255, 1)« ,« color2« :« #1fbdf2« ,« direction« :« to bottom right« } » btn_bg_hover= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« rgba(204, 93, 255, 1)« ,« direction« :« to bottom right« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_align= »center » btn_icon_size= »20″ btn_txt= »I’m a Button » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:15px;letter-spacing:1px; » btn_ftstyle= »font-family:Default;font-weight:600; » btn_bdr= »{« borderwidth« :« « ,« bordercolor1« :« « ,« borderstyle« :« none« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_bdr_hover= »{« borderwidth« :« « ,« bordercolor1« :« « ,« borderstyle« :« none« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_icon_paddings= »padding-left:20px;padding-right:20px; »]
3D Rotate Effects
[kswr_button btn_link= »url:%23||| » btn_style= »rotateleft » btn_icon= »km-icon-download5″ btn_width= »210″ btn_height= »45″ btn_border_radius= »0″ btn_bg= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« #1fbdf2« ,« direction« :« to bottom right« } » btn_bg_hover= »{« type« :« gradient« ,« color1« :« #1fbdf2« ,« color2« :« rgba(204, 93, 255, 1)« ,« direction« :« to bottom right« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_align= »center » btn_icon_size= »20″ btn_txt= »I’m a Button » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:15px;letter-spacing:1px; » btn_ftstyle= »font-family:Default;font-weight:600; » btn_bdr= »{« borderwidth« :« « ,« bordercolor1« :« « ,« borderstyle« :« none« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_bdr_hover= »{« borderwidth« :« « ,« bordercolor1« :« « ,« borderstyle« :« none« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_icon_paddings= »padding-left:0px;padding-right:0px; »]
[kswr_button btn_link= »url:%23||| » btn_style= »rotatetop » btn_icon= »km-icon-download5″ btn_width= »210″ btn_height= »45″ btn_border_radius= »0″ btn_bg= »{« type« :« gradient« ,« color1« :« rgba(204, 93, 255, 1)« ,« color2« :« #1fbdf2« ,« direction« :« to bottom right« } » btn_bg_hover= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« « ,« direction« :« to bottom right« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_align= »center » btn_icon_size= »20″ btn_txt= »I’m a Button » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:15px;letter-spacing:1px; » btn_ftstyle= »font-family:Default;font-weight:600; » btn_bdr= »{« borderwidth« :« « ,« bordercolor1« :« « ,« borderstyle« :« none« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_bdr_hover= »{« borderwidth« :« « ,« bordercolor1« :« « ,« borderstyle« :« none« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_icon_paddings= »padding-left:0px;padding-right:0px; »]
[kswr_button btn_link= »url:%23||| » btn_style= »rotateright » btn_width= »210″ btn_height= »45″ btn_border_radius= »0″ btn_bg= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« #111« ,« direction« :« to left« } » btn_bg_hover= »{« type« :« color« ,« color1« :« #1fbdf2« ,« color2« :« #00AFD1« ,« direction« :« to left« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_align= »center » btn_icon_size= »20″ btn_txt= »I’m a Button » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:15px;letter-spacing:1px; » btn_ftstyle= »font-family:Default;font-weight:600; » btn_bdr= »{« borderwidth« :« 1px« ,« bordercolor1« :« #262b31« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_bdr_hover= »{« borderwidth« :« 1px« ,« bordercolor1« :« 1fbdf2« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_icon_paddings= »padding-left:0px;padding-right:0px; »]
[kswr_button btn_link= »url:%23||| » btn_style= »rotatebottom » btn_icon= »km-icon-download5″ btn_width= »210″ btn_height= »45″ btn_border_radius= »0″ btn_bg= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #1fbdf2« ,« direction« :« to bottom right« } » btn_bg_hover= »{« type« :« gradient« ,« color1« :« #1fbdf2« ,« color2« :« rgba(204, 93, 255, 1)« ,« direction« :« to bottom right« } » btn_clr= »{« type« :« gradient« ,« color1« :« rgba(204, 93, 255, 1)« ,« color2« :« rgba(79, 142, 237, 1)« ,« direction« :« to bottom right« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_align= »center » btn_icon_size= »20″ btn_txt= »I’m a Button » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:15px;letter-spacing:1px; » btn_ftstyle= »font-family:Default;font-weight:600; » btn_bdr= »{« borderwidth« :« 2px« ,« bordercolor1« :« rgba(204, 93, 255, 1)« ,« borderstyle« :« solid« ,« bordergradientdirection« :« to bottom right« ,« bordercolor2« :« rgba(79, 142, 237, 1)« } » btn_bdr_hover= »{« borderwidth« :« 2px« ,« bordercolor1« :« rgba(79, 142, 237, 1)« ,« borderstyle« :« solid« ,« bordergradientdirection« :« to bottom right« ,« bordercolor2« :« rgba(204, 93, 255, 1)« } » btn_icon_paddings= »padding-left:0px;padding-right:0px; »]
Button Only Icon
[kswr_button btn_link= »url:%23||| » btn_layout= »justicon » btn_style= »scaledown » btn_icon= »km-icon-heart2″ btn_width= »45″ btn_height= »45″ btn_border_radius= »0″ btn_bg= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #111« ,« direction« :« to left« } » btn_bg_hover= »{« type« :« color« ,« color1« :« #e62117« ,« color2« :« #00AFD1« ,« direction« :« to left« } » btn_clr= »{« type« :« color« ,« color1« :« #e62117« ,« color2« :« #fff« ,« direction« :« to left« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_align= »center » btn_icon_size= »20″ btn_icon_clr= »{« type« :« color« ,« color1« :« #e62117« ,« color2« :« #fff« ,« direction« :« to left« } » btn_txt= »Download Now » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:15px;letter-spacing:1px; » btn_ftstyle= »font-family:Default;font-weight:500; » btn_bdr= »{« borderwidth« :« 1px« ,« bordercolor1« :« #e62117« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_bdr_hover= »{« borderwidth« :« 1px« ,« bordercolor1« :« #e62117« ,« borderstyle« :« solid« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_icon_paddings= »padding-left:00px;padding-right:0px; »]
[kswr_button btn_link= »url:%23||| » btn_layout= »justicon » btn_style= »fillleft » btn_icon= »km-icon-play_arrow » btn_width= »45″ btn_height= »45″ btn_border_radius= »0″ btn_bg= »{« type« :« color« ,« color1« :« #262b31« ,« color2« :« #111« ,« direction« :« to left« } » btn_bg_hover= »{« type« :« gradient« ,« color1« :« rgba(204, 93, 255, 1)« ,« color2« :« #00AFD1« ,« direction« :« to bottom left« } » btn_clr= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_align= »center » btn_icon_size= »20″ btn_icon_clr= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_txt= »Download Now » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:15px;letter-spacing:1px; » btn_ftstyle= »font-family:Default;font-weight:500; » btn_bdr= »{« borderwidth« :« « ,« bordercolor1« :« « ,« borderstyle« :« none« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_bdr_hover= »{« borderwidth« :« « ,« bordercolor1« :« « ,« borderstyle« :« none« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_icon_paddings= »padding-left:00px;padding-right:0px; »]
[kswr_button btn_link= »url:%23||| » btn_layout= »justicon » btn_style= »rotatetop » btn_icon= »km-icon-pause2″ btn_width= »45″ btn_height= »45″ btn_border_radius= »500″ btn_bg= »{« type« :« gradient« ,« color1« :« rgba(204, 93, 255, 1)« ,« color2« :« #00afd1« ,« direction« :« to top left« } » btn_bg_hover= »{« type« :« color« ,« color1« :« rgba(38, 43, 49, 1)« ,« color2« :« « ,« direction« :« to bottom left« } » btn_clr= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_align= »center » btn_icon_size= »20″ btn_icon_clr= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_txt= »Download Now » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:15px;letter-spacing:1px; » btn_ftstyle= »font-family:Default;font-weight:500; » btn_bdr= »{« borderwidth« :« « ,« bordercolor1« :« « ,« borderstyle« :« none« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_bdr_hover= »{« borderwidth« :« « ,« bordercolor1« :« « ,« borderstyle« :« none« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_icon_paddings= »padding-left:00px;padding-right:0px; »]
[kswr_button btn_link= »url:%23||| » btn_layout= »justicon » btn_style= »scaledown » btn_icon= »km-icon-replay » btn_width= »45″ btn_height= »45″ btn_border_radius= »0″ btn_bg= »{« type« :« color« ,« color1« :« rgba(38, 43, 49, 1)« ,« color2« :« « ,« direction« :« to top left« } » btn_bg_hover= »{« type« :« gradient« ,« color1« :« rgba(204, 93, 255, 1)« ,« color2« :« #00afd1« ,« direction« :« to bottom left« } » btn_clr= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_clr_hover= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_align= »center » btn_icon_size= »20″ btn_icon_clr= »{« type« :« color« ,« color1« :« #ffffff« ,« color2« :« #fff« ,« direction« :« to left« } » btn_txt= »Download Now » btn_default_style= »0″ btn_margins= »margin-top:0px;margin-bottom:10px; » btn_paddings= »padding-left:0px;padding-right:0px; » btn_ftsize= »font-size:15px;letter-spacing:1px; » btn_ftstyle= »font-family:Default;font-weight:500; » btn_bdr= »{« borderwidth« :« « ,« bordercolor1« :« « ,« borderstyle« :« none« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_bdr_hover= »{« borderwidth« :« « ,« bordercolor1« :« « ,« borderstyle« :« none« ,« bordergradientdirection« :« none« ,« bordercolor2« :« transparent« } » btn_icon_paddings= »padding-left:00px;padding-right:0px; »]