Button

> Button
[vc_row full_width=”stretch_row” css=”.vc_custom_1453382249809{padding-top: 100px !important;padding-bottom: 20px !important;background-color: #f4f4f4 !important;}”][vc_column][vc_custom_heading text=”Button” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:800%20bold%20regular%3A800%3Anormal” font_container=”tag:h2|font_size:60|text_align:center|color:%23222222″ font_title_responsive=”true” css=”.vc_custom_1453468513376{padding-bottom: 60px !important;}”][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1453468601264{margin-bottom: 80px !important;border-bottom-width: 1px !important;padding-bottom: 80px !important;background-color: #f4f4f4 !important;border-bottom-color: #dddddd !important;border-bottom-style: solid !important;}”][vc_column width=”1/6″][/vc_column][vc_column width=”1/3″][rdy_list style=”icon” icon_fontawesome=”fa fa-check” number_color=”custom” number_color_custom=”#3381ff” separator=”yes”]
  • Flat & Outline Style
  • Hover: Outside, Inside, BG Fill
  • Custom Button Width
[/rdy_list][/vc_column][vc_column width=”1/3″][rdy_list style=”icon” icon_fontawesome=”fa fa-check” number_color=”custom” number_color_custom=”#3381ff” separator=”yes”]
  • Custom Border Radius
  • Add Icon
  • Alignment: Left, Right, Center, Inline
[/rdy_list][/vc_column][vc_column width=”1/6″][/vc_column][/vc_row][vc_row css=”.vc_custom_1453722952696{padding-bottom: 60px !important;}”][vc_column][vc_custom_heading text=”Button Animation” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″][/vc_column][/vc_row][vc_row][vc_column vertical_spacing=”30″ width=”1/3″][rdy_button font_weight=”700″ size=”large” animation=”p_outside” background=”#ff4229″ background_hover=”#1c1c1e” border_radius=”0″ align=”left” margin_top=”0″ margin_bottom=”15″ link=”url:%23||”][rdy_button font_weight=”700″ size=”large” animation=”p_inside” background=”#ff4229″ background_hover=”#1c1c1e” border_radius=”0″ align=”left” margin_top=”0″ margin_bottom=”15″ link=”url:%23||”][rdy_button font_weight=”700″ size=”large” animation=”bg_fill” background=”#ff4229″ background_hover=”#1c1c1e” border_radius=”0″ align=”left” margin_top=”0″ link=”url:%23||”][/vc_column][vc_column vertical_spacing=”30″ width=”1/3″][rdy_button font_weight=”700″ size=”large” animation=”p_outside” background=”#ff4229″ background_hover=”#1c1c1e” border_radius=”0″ margin_top=”0″ margin_bottom=”15″ link=”url:%23||”][rdy_button font_weight=”700″ size=”large” animation=”p_inside” background=”#ff4229″ background_hover=”#1c1c1e” border_radius=”0″ margin_top=”0″ margin_bottom=”15″ link=”url:%23||”][rdy_button font_weight=”700″ size=”large” animation=”bg_fill” background=”#2991d6″ background_hover=”#0b79c1″ border_radius=”5″ margin_top=”0″ margin_bottom=”15″ link=”url:%23||”][/vc_column][vc_column vertical_spacing=”30″ width=”1/3″][rdy_button font_weight=”700″ size=”large” animation=”p_outside” background=”#ff4229″ background_hover=”#1c1c1e” border_radius=”0″ align=”right” margin_top=”0″ margin_bottom=”15″ link=”url:%23||”][rdy_button font_weight=”700″ size=”large” animation=”p_inside” background=”#ff4229″ background_hover=”#1c1c1e” border_radius=”0″ align=”right” margin_top=”0″ margin_bottom=”15″ link=”url:%23||”][rdy_button font_weight=”700″ size=”large” animation=”bg_fill” background=”#ffffff” background_hover=”#1c1c1e” text_color=”#000000″ border_radius=”0″ align=”right” margin_top=”0″ margin_bottom=”15″ link=”url:%23||”][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces” css=”.vc_custom_1453119246859{padding-top: 100px !important;padding-bottom: 100px !important;}”][vc_column][vc_separator color=”#dddddd” width_in_percentages=”yes”][/vc_column][/vc_row][vc_row css=”.vc_custom_1453723537221{padding-bottom: 60px !important;}”][vc_column][vc_custom_heading text=”Button Animation with Icon” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][rdy_button font_weight=”700″ size=”large” animation=”p_outside” background=”#4a89dc” background_hover=”#5d9cec” border_radius=”0″ icon_align=”right” type_font=”entypo” icon_entypo=”entypo-icon entypo-icon-right-thin” align=”left” margin_top=”0″ margin_bottom=”30″ link=”url:%23||”][rdy_button font_weight=”700″ size=”large” animation=”p_inside” background=”#ff4229″ background_hover=”#1c1c1e” border_radius=”0″ icon_align=”right” type_font=”entypo” icon_entypo=”entypo-icon entypo-icon-cancel-circled” align=”left” margin_top=”0″ margin_bottom=”15″ link=”url:%23||”][/vc_column][vc_column width=”1/3″][rdy_button font_weight=”700″ size=”large” animation=”p_outside” background=”#4a89dc” background_hover=”#5d9cec” border_radius=”0″ icon_align=”right” type_font=”typicons” icon_typicons=”typcn typcn-device-tablet” margin_top=”0″ margin_bottom=”30″ link=”url:%23||”][rdy_button font_weight=”700″ size=”large” animation=”p_inside” background=”#ff4229″ background_hover=”#1c1c1e” border_radius=”0″ icon_align=”right” type_font=”typicons” icon_typicons=”typcn typcn-device-tablet” margin_top=”0″ margin_bottom=”15″ link=”url:%23||”][/vc_column][vc_column width=”1/3″][rdy_button font_weight=”700″ size=”large” animation=”p_outside” background=”#4a89dc” background_hover=”#5d9cec” border_radius=”0″ icon_align=”left” type_font=”entypo” icon_entypo=”entypo-icon entypo-icon-left-thin” align=”right” margin_top=”0″ margin_bottom=”30″ link=”url:%23||”][rdy_button font_weight=”700″ size=”large” animation=”p_inside” background=”#ff4229″ background_hover=”#1c1c1e” border_radius=”0″ icon_align=”left” type_font=”entypo” icon_entypo=”entypo-icon entypo-icon-cancel-circled” align=”right” margin_top=”0″ margin_bottom=”15″ link=”url:%23||”][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1463053248599{margin-top: 100px !important;padding-top: 80px !important;padding-bottom: 60px !important;background-color: #aab2bd !important;}”][vc_column text_color=”#ffffff”][vc_custom_heading text=”Custom Outline Settings” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1463053161026{padding-bottom: 40px !important;background-color: #aab2bd !important;}”][vc_column width=”1/3″][rdy_button font_weight=”700″ size=”large” style=”outline” outline_skin=”custom” outline_active_color=”#ffe066″ border_size=”2″ border_radius=”0″ align=”left” margin_top=”0″ margin_bottom=”30″ link=”url:%23||”][rdy_button font_weight=”700″ size=”large” style=”outline” outline_skin=”custom” outline_hover_color=”#000000″ border_size=”2″ border_radius=”0″ align=”left” margin_top=”0″ margin_bottom=”15″ link=”url:%23||”][/vc_column][vc_column width=”1/3″][rdy_button font_weight=”700″ size=”large” style=”outline” outline_skin=”custom2″ outline_active_color=”#ffe066″ border_size=”2″ border_radius=”0″ margin_top=”0″ margin_bottom=”30″ link=”url:%23||”][rdy_button font_weight=”700″ size=”large” style=”outline” outline_skin=”custom2″ outline_hover_color=”#ffe066″ border_size=”2″ border_radius=”0″ margin_top=”0″ margin_bottom=”15″ link=”url:%23||”][/vc_column][vc_column width=”1/3″][rdy_button font_weight=”700″ size=”large” style=”outline” animation=”bg_fill” border_size=”2″ border_radius=”0″ margin_top=”0″ margin_bottom=”30″ link=”url:%23||”][rdy_button font_weight=”700″ size=”large” style=”outline” animation=”bg_fill” outline_skin=”light” border_size=”2″ border_radius=”0″ margin_top=”0″ margin_bottom=”30″ link=”url:%23||”][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1469091754288{padding-bottom: 80px !important;background-color: #aab2bd !important;}”][vc_column width=”1/3″][rdy_button font_weight=”700″ size=”large” style=”outline” animation=”p_outside” outline_skin=”custom” outline_active_color=”#ffe066″ border_size=”2″ border_radius=”0″ align=”left” margin_top=”0″ margin_bottom=”30″ link=”url:%23||”][rdy_button font_weight=”700″ size=”large” style=”outline” animation=”p_outside” outline_skin=”custom” outline_hover_color=”#000000″ border_size=”2″ border_radius=”0″ align=”left” margin_top=”0″ margin_bottom=”15″ link=”url:%23||”][/vc_column][vc_column width=”1/3″][rdy_button font_weight=”700″ size=”large” style=”outline” animation=”p_outside” outline_skin=”custom2″ outline_active_color=”#ffe066″ border_size=”2″ border_radius=”0″ margin_top=”0″ margin_bottom=”30″ link=”url:%23||”][rdy_button font_weight=”700″ size=”large” style=”outline” animation=”p_outside” outline_skin=”custom2″ outline_hover_color=”#ffe066″ border_size=”2″ border_radius=”0″ margin_top=”0″ margin_bottom=”15″ link=”url:%23||”][/vc_column][vc_column width=”1/3″][rdy_button font_weight=”700″ size=”large” style=”outline” animation=”p_inside” border_size=”2″ border_radius=”0″ margin_top=”0″ margin_bottom=”30″ link=”url:%23||”][rdy_button font_weight=”700″ size=”large” style=”outline” animation=”p_inside” outline_skin=”light” border_size=”2″ border_radius=”0″ margin_top=”0″ margin_bottom=”30″ link=”url:%23||”][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1453723824822{margin-bottom: 100px !important;padding-bottom: 80px !important;background-color: #aab2bd !important;}”][vc_column width=”1/3″][rdy_button font_weight=”700″ size=”large” style=”outline” animation=”p_outside” outline_skin=”custom” outline_active_color=”#ffe066″ border_size=”2″ border_radius=”6″ align=”left” margin_top=”0″ margin_bottom=”30″ link=”url:%23||”][rdy_button font_weight=”700″ size=”large” style=”outline” animation=”p_outside” outline_skin=”custom” outline_hover_color=”#000000″ border_size=”2″ border_radius=”5″ align=”left” margin_top=”0″ margin_bottom=”15″ link=”url:%23||”][/vc_column][vc_column width=”1/3″][rdy_button font_weight=”700″ size=”large” style=”outline” animation=”p_outside” outline_skin=”custom2″ outline_active_color=”#ffe066″ border_size=”2″ border_radius=”10″ margin_top=”0″ margin_bottom=”30″ link=”url:%23||”][rdy_button font_weight=”700″ size=”large” style=”outline” animation=”p_outside” outline_skin=”custom2″ outline_hover_color=”#ffe066″ border_size=”2″ border_radius=”30″ margin_top=”0″ link=”url:%23||”][/vc_column][vc_column width=”1/3″][rdy_button font_weight=”700″ size=”large” style=”outline” animation=”p_inside” border_size=”2″ border_radius=”10″ margin_top=”0″ margin_bottom=”30″ link=”url:%23||”][rdy_button font_weight=”700″ size=”large” style=”outline” animation=”p_inside” outline_skin=”light” border_size=”2″ border_radius=”30″ margin_top=”0″ margin_bottom=”30″ link=”url:%23||”][/vc_column][/vc_row][vc_row css=”.vc_custom_1453723656721{padding-bottom: 80px !important;}”][vc_column][vc_custom_heading text=”Buton Type & Size. Flat and Outline. Size: Small, Medium, Large, X-Large, XX-Large” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][rdy_button font_weight=”600″ size=”small” background=”#252525″ background_hover=”#606060″ border_radius=”0″ align=”left” margin_top=”0″ margin_bottom=”15″ link=”url:%23||”][rdy_button font_weight=”600″ background=”#252525″ background_hover=”#606060″ border_radius=”0″ align=”left” margin_top=”0″ margin_bottom=”15″ link=”url:%23||”][rdy_button font_weight=”600″ size=”large” background=”#252525″ background_hover=”#606060″ border_radius=”0″ align=”left” margin_top=”0″ margin_bottom=”15″ link=”url:%23||”][rdy_button font_weight=”600″ size=”x-large” background=”#252525″ background_hover=”#606060″ border_radius=”0″ align=”left” margin_top=”0″ margin_bottom=”15″ link=”url:%23||”][rdy_button text=”Text on the Button” font_weight=”600″ size=”xx-large” background=”#252525″ background_hover=”#606060″ border_radius=”0″ align=”left” margin_top=”0″ margin_bottom=”” link=”url:%23||” width=”550″ rdy_button=””][/vc_column][vc_column width=”1/3″][rdy_button font_weight=”600″ size=”small” background=”#2991d6″ background_hover=”#0b79c1″ border_radius=”5″ align=”left” margin_top=”0″ margin_bottom=”15″ link=”url:%23||”][rdy_button font_weight=”600″ background=”#2991d6″ background_hover=”#0b79c1″ border_radius=”5″ align=”left” margin_top=”0″ margin_bottom=”15″ link=”url:%23||”][rdy_button font_weight=”600″ size=”large” background=”#2991d6″ background_hover=”#0b79c1″ border_radius=”5″ align=”left” margin_top=”0″ margin_bottom=”15″ link=”url:%23||”][rdy_button font_weight=”600″ size=”x-large” background=”#2991d6″ background_hover=”#0b79c1″ border_radius=”5″ align=”left” margin_top=”0″ margin_bottom=”15″ link=”url:%23||”][rdy_button font_weight=”600″ size=”xx-large” background=”#2991d6″ background_hover=”#0b79c1″ border_radius=”5″ align=”left” margin_top=”0″ margin_bottom=”” link=”url:%23||” width=”550″ rdy_button=””][/vc_column][vc_column width=”1/3″][rdy_button font_weight=”600″ size=”small” style=”outline” border_size=”2″ border_radius=”” align=”left” margin_top=”0″ margin_bottom=”15″ link=”url:%23||”][rdy_button font_weight=”600″ style=”outline” border_size=”2″ border_radius=”” align=”left” margin_top=”0″ margin_bottom=”15″ link=”url:%23||”][rdy_button font_weight=”600″ size=”large” style=”outline” border_size=”2″ border_radius=”” align=”left” margin_top=”0″ margin_bottom=”15″ link=”url:%23||”][rdy_button font_weight=”600″ size=”x-large” style=”outline” border_size=”2″ border_radius=”” align=”left” margin_top=”0″ margin_bottom=”15″ link=”url:%23||”][rdy_button text=”Text on the Button” font_weight=”600″ size=”xx-large” style=”outline” border_size=”2″ border_radius=”0″ align=”left” margin_top=”0″ margin_bottom=”” link=”url:%23||” width=”550″ rdy_button=””][/vc_column][/vc_row]