[vc_row type="vc_default" margin_top="-5" margin_bottom="90"][vc_column width="1/2" css=".vc_custom_1482743500427{padding-bottom: 80px !important;}"][vc_column_text css=".vc_custom_1482743162863{padding-bottom: 30px !important;}"]
<h3>Default button</h3>
[/vc_column_text][dt_button el_class="btn-margin" target_blank="true" size="big" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" size="big" bg_color_style="custom" bg_color="#9b58b5" bg_hover_color_style="custom" bg_hover_color="#8d44af" text_color_style="custom" text_color="#ffffff" text_hover_color_style="custom" text_hover_color="#ecf0f1" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jaGV2cm9uLWNpcmNsZS1yaWdodCUyMiUzRSUzQyUyRmklM0U=" icon_align="right" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" size="big" bg_color_style="custom" bg_color="#e84c3d" bg_hover_color_style="custom" bg_hover_color="#c1392d" text_color_style="custom" text_color="#ffffff" text_hover_color_style="custom" text_hover_color="#ecf0f1" color_mode="default" color="#22baed"]Button[/dt_button][dt_button target_blank="true" size="big" bg_color_style="custom" bg_color="#2dcc70" bg_hover_color_style="custom" bg_hover_color="#27ae61" text_color_style="custom" text_color="#ffffff" text_hover_color_style="custom" text_hover_color="#ecf0f1" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jaGVjay1zcXVhcmUlMjIlM0UlM0MlMkZpJTNF" color_mode="default" color="#22baed"]Button[/dt_button][vc_empty_space height="20px"][dt_button el_class="btn-margin" target_blank="true" size="medium" bg_color_style="custom" bg_color="#5d6e7e" bg_hover_color_style="custom" bg_hover_color="#2d3e50" text_color_style="custom" text_color="#ffffff" text_hover_color_style="custom" text_hover_color="#ecf0f1" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" size="medium" bg_color_style="custom" bg_color="#3598dc" bg_hover_color_style="custom" bg_hover_color="#297fb8" text_color_style="custom" text_color="#ffffff" text_hover_color_style="custom" text_hover_color="#ecf0f1" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS10aW1lcy1jaXJjbGUlMjIlM0UlM0MlMkZpJTNF" icon_align="right" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" size="medium" bg_color_style="custom" bg_color="#19bd9b" bg_hover_color_style="custom" bg_hover_color="#17a086" text_color_style="custom" text_color="#ffffff" text_hover_color_style="custom" text_hover_color="#ecf0f1" color_mode="default" color="#22baed"]Button[/dt_button][dt_button target_blank="true" size="medium" bg_color_style="custom" bg_color="#e77e23" bg_hover_color_style="custom" bg_hover_color="#d45300" text_color_style="custom" text_color="#ffffff" text_hover_color_style="custom" text_hover_color="#ecf0f1" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1wbHVzLXNxdWFyZSUyMiUzRSUzQyUyRmklM0U=" color_mode="default" color="#22baed"]Button[/dt_button][vc_empty_space height="20px"][dt_button el_class="btn-margin" target_blank="true" bg_color_style="custom" bg_color="#f1c40f" bg_hover_color_style="custom" bg_hover_color="#f39b13" text_color_style="custom" text_color="#ffffff" text_hover_color_style="custom" text_hover_color="#ecf0f1" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" bg_color_style="custom" bg_color="#95a5a5" bg_hover_color_style="custom" bg_hover_color="#7e8c8c" text_color_style="custom" text_color="#ffffff" text_hover_color_style="custom" text_hover_color="#ecf0f1" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF" icon_align="right" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" bg_color_style="custom" bg_color="#ecf0f1" bg_hover_color_style="custom" bg_hover_color="#ecf0f1" text_color_style="custom" text_color="#5d6e7e" text_hover_color_style="custom" text_hover_color="#2d3e50" color_mode="default" color="#22baed"]Button[/dt_button][dt_button target_blank="true" bg_color_style="custom" bg_color="#5d6e7e" bg_hover_color_style="custom" bg_hover_color="#2dcc70" text_color_style="custom" text_color="#ecf0f1" text_hover_color_style="custom" text_hover_color="#ffffff" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1leHRlcm5hbC1saW5rLXNxdWFyZSUyMiUzRSUzQyUyRmklM0U=" color_mode="default" color="#22baed"]Button[/dt_button][/vc_column][vc_column width="1/2" css=".vc_custom_1482743510887{padding-bottom: 80px !important;}"][vc_column_text css=".vc_custom_1482743154146{padding-bottom: 30px !important;}"]
<h3>Outline with background on hover</h3>
[/vc_column_text][dt_button el_class="btn-margin" target_blank="true" size="big" style="outline_with_bg" bg_color_style="custom" bg_color="#ecf0f1" bg_hover_color_style="custom" bg_hover_color="#ecf0f1" text_color_style="context" text_hover_color_style="accent" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" size="big" style="outline_with_bg" bg_color_style="custom" bg_color="#9b58b5" bg_hover_color_style="custom" bg_hover_color="#9b58b5" text_color_style="custom" text_color="#9b58b5" text_hover_color_style="custom" text_hover_color="#ffffff" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jaGV2cm9uLWNpcmNsZS1yaWdodCUyMiUzRSUzQyUyRmklM0U=" icon_align="right" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" size="big" style="outline_with_bg" bg_color_style="custom" bg_color="#e77e23" bg_hover_color_style="custom" bg_hover_color="#e77e23" text_color_style="custom" text_color="#e77e23" text_hover_color_style="custom" text_hover_color="#ffffff" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jaGVjay1zcXVhcmUlMjIlM0UlM0MlMkZpJTNF" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" size="big" style="outline_with_bg" bg_color_style="custom" bg_color="#e84c3d" bg_hover_color_style="custom" bg_hover_color="#e84c3d" text_color_style="custom" text_color="#e84c3d" text_hover_color_style="custom" text_hover_color="#ffffff" color_mode="default" color="#22baed"]Button[/dt_button][vc_empty_space height="20px"][dt_button el_class="btn-margin" target_blank="true" size="medium" style="outline_with_bg" bg_color_style="custom" bg_color="#f1c40f" bg_hover_color_style="custom" bg_hover_color="#f1c40f" text_color_style="custom" text_color="#f1c40f" text_hover_color_style="custom" text_hover_color="#ffffff" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" size="medium" style="outline_with_bg" bg_color_style="custom" bg_color="#19bd9b" bg_hover_color_style="custom" bg_hover_color="#19bd9b" text_color_style="custom" text_color="#19bd9b" text_hover_color_style="custom" text_hover_color="#ffffff" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS10aW1lcy1jaXJjbGUlMjIlM0UlM0MlMkZpJTNF" icon_align="right" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" size="medium" style="outline_with_bg" bg_color_style="custom" bg_color="#3598dc" bg_hover_color_style="custom" bg_hover_color="#3598dc" text_color_style="custom" text_color="#3598dc" text_hover_color_style="custom" text_hover_color="#ffffff" color_mode="default" color="#22baed"]Button[/dt_button][dt_button target_blank="true" size="medium" style="outline_with_bg" bg_color_style="custom" bg_color="#95a5a5" bg_hover_color_style="custom" bg_hover_color="#95a5a5" text_color_style="custom" text_color="#95a5a5" text_hover_color_style="custom" text_hover_color="#ffffff" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1wbHVzLXNxdWFyZSUyMiUzRSUzQyUyRmklM0U=" color_mode="default" color="#22baed"]Button[/dt_button][vc_empty_space height="20px"][dt_button el_class="btn-margin" target_blank="true" style="outline_with_bg" bg_color_style="custom" bg_color="#5d6e7e" bg_hover_color_style="custom" bg_hover_color="#5d6e7e" text_color_style="custom" text_color="#5d6e7e" text_hover_color_style="custom" text_hover_color="#ffffff" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" style="outline_with_bg" bg_color_style="custom" bg_color="#2dcc70" bg_hover_color_style="custom" bg_hover_color="#2dcc70" text_color_style="custom" text_color="#2dcc70" text_hover_color_style="custom" text_hover_color="#ffffff" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF" icon_align="right" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" style="outline_with_bg" bg_color_style="custom" bg_color="#2d3e50" bg_hover_color_style="custom" bg_hover_color="#2d3e50" text_color_style="custom" text_color="#2d3e50" text_hover_color_style="custom" text_hover_color="#ffffff" color_mode="default" color="#22baed"]Button[/dt_button][dt_button target_blank="true" style="outline_with_bg" bg_color_style="custom" bg_color="#ecf0f1" bg_hover_color_style="custom" bg_hover_color="#ecf0f1" text_color_style="custom" text_color="#95a5a5" text_hover_color_style="custom" text_hover_color="#7e8c8c" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1leHRlcm5hbC1saW5rLXNxdWFyZSUyMiUzRSUzQyUyRmklM0U=" color_mode="default" color="#22baed"]Button[/dt_button][/vc_column][/vc_row][vc_row type="vc_default" margin_bottom="90"][vc_column width="1/2" css=".vc_custom_1482743537716{padding-bottom: 80px !important;}"][vc_column_text css=".vc_custom_1482743253279{padding-bottom: 30px !important;}"]
<h3>Outline</h3>
[/vc_column_text][dt_button el_class="btn-margin" target_blank="true" size="big" style="outline" bg_color_style="custom" bg_color="#ecf0f1" bg_hover_color_style="custom" bg_hover_color="#ecf0f1" text_color_style="context" text_hover_color_style="accent" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" size="big" style="outline" bg_color_style="custom" bg_color="#3598dc" bg_hover_color_style="custom" bg_hover_color="#bec3c7" text_color_style="custom" text_color="#3598dc" text_hover_color_style="custom" text_hover_color="#bec3c7" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jaGV2cm9uLWNpcmNsZS1yaWdodCUyMiUzRSUzQyUyRmklM0U=" icon_align="right" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" size="big" style="outline" bg_color_style="custom" bg_color="#e84c3d" bg_hover_color_style="custom" bg_hover_color="#bec3c7" text_color_style="custom" text_color="#e84c3d" text_hover_color_style="custom" text_hover_color="#bec3c7" color_mode="default" color="#22baed"]Button[/dt_button][dt_button target_blank="true" size="big" style="outline" bg_color_style="custom" bg_color="#2dcc70" bg_hover_color_style="custom" bg_hover_color="#bec3c7" text_color_style="custom" text_color="#2dcc70" text_hover_color_style="custom" text_hover_color="#bec3c7" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jaGVjay1zcXVhcmUlMjIlM0UlM0MlMkZpJTNF" color_mode="default" color="#22baed"]Button[/dt_button][vc_empty_space height="20px"][dt_button el_class="btn-margin" target_blank="true" size="medium" style="outline" bg_color_style="custom" bg_color="#95a5a5" bg_hover_color_style="custom" bg_hover_color="#f1c40f" text_color_style="custom" text_color="#95a5a5" text_hover_color_style="custom" text_hover_color="#f1c40f" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" size="medium" style="outline" bg_color_style="custom" bg_color="#95a5a5" bg_hover_color_style="custom" bg_hover_color="#19bd9b" text_color_style="custom" text_color="#95a5a5" text_hover_color_style="custom" text_hover_color="#19bd9b" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS10aW1lcy1jaXJjbGUlMjIlM0UlM0MlMkZpJTNF" icon_align="right" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" size="medium" style="outline" bg_color_style="custom" bg_color="#95a5a5" bg_hover_color_style="custom" bg_hover_color="#9b58b5" text_color_style="custom" text_color="#95a5a5" text_hover_color_style="custom" text_hover_color="#9b58b5" color_mode="default" color="#22baed"]Button[/dt_button][dt_button target_blank="true" size="medium" style="outline" bg_color_style="custom" bg_color="#95a5a5" bg_hover_color_style="custom" bg_hover_color="#2d3e50" text_color_style="custom" text_color="#95a5a5" text_hover_color_style="custom" text_hover_color="#2d3e50" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1wbHVzLXNxdWFyZSUyMiUzRSUzQyUyRmklM0U=" color_mode="default" color="#22baed"]Button[/dt_button][vc_empty_space height="20px"][dt_button el_class="btn-margin" target_blank="true" style="outline" bg_color_style="custom" bg_color="#ecf0f1" bg_hover_color_style="custom" bg_hover_color="#e77e23" text_color_style="custom" text_color="#e77e23" text_hover_color_style="custom" text_hover_color="#e77e23" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" style="outline" bg_color_style="custom" bg_color="#ecf0f1" bg_hover_color_style="custom" bg_hover_color="#2dcc70" text_color_style="custom" text_color="#2dcc70" text_hover_color_style="custom" text_hover_color="#2dcc70" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF" icon_align="right" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" style="outline" bg_color_style="custom" bg_color="#ecf0f1" bg_hover_color_style="custom" bg_hover_color="#e84c3d" text_color_style="custom" text_color="#e84c3d" text_hover_color_style="custom" text_hover_color="#e84c3d" color_mode="default" color="#22baed"]Button[/dt_button][dt_button target_blank="true" style="outline" bg_color_style="custom" bg_color="#ecf0f1" bg_hover_color_style="custom" bg_hover_color="#9b58b5" text_color_style="custom" text_color="#9b58b5" text_hover_color_style="custom" text_hover_color="#9b58b5" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1leHRlcm5hbC1saW5rLXNxdWFyZSUyMiUzRSUzQyUyRmklM0U=" color_mode="default" color="#22baed"]Button[/dt_button][/vc_column][vc_column width="1/2" css=".vc_custom_1482743543800{padding-bottom: 80px !important;}"][vc_column_text css=".vc_custom_1482743272286{padding-bottom: 30px !important;}"]
<h3>Light with background on hover</h3>
[/vc_column_text][dt_button el_class="btn-margin" target_blank="true" size="big" style="light_with_bg" bg_hover_color_style="accent" text_color_style="context" text_hover_color_style="custom" text_hover_color="#ffffff" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" size="big" style="light_with_bg" bg_hover_color_style="custom" bg_hover_color="#9b58b5" text_color_style="custom" text_color="#9b58b5" text_hover_color_style="custom" text_hover_color="#ffffff" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jaGV2cm9uLWNpcmNsZS1yaWdodCUyMiUzRSUzQyUyRmklM0U=" icon_align="right" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" size="big" style="light_with_bg" bg_hover_color_style="custom" bg_hover_color="#e84c3d" text_color_style="custom" text_color="#e84c3d" text_hover_color_style="custom" text_hover_color="#ffffff" color_mode="default" color="#22baed"]Button[/dt_button][dt_button target_blank="true" size="big" style="light_with_bg" bg_hover_color_style="custom" bg_hover_color="#e77e23" text_color_style="custom" text_color="#e77e23" text_hover_color_style="custom" text_hover_color="#ffffff" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jaGVjay1zcXVhcmUlMjIlM0UlM0MlMkZpJTNF" color_mode="default" color="#22baed"]Button[/dt_button][vc_empty_space height="20px"][dt_button el_class="btn-margin" target_blank="true" size="medium" style="light_with_bg" bg_hover_color_style="custom" bg_hover_color="#f1c40f" text_color_style="custom" text_color="#f1c40f" text_hover_color_style="custom" text_hover_color="#ffffff" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" size="medium" style="light_with_bg" bg_hover_color_style="custom" bg_hover_color="#19bd9b" text_color_style="custom" text_color="#19bd9b" text_hover_color_style="custom" text_hover_color="#ffffff" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS10aW1lcy1jaXJjbGUlMjIlM0UlM0MlMkZpJTNF" icon_align="right" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" size="medium" style="light_with_bg" bg_hover_color_style="custom" bg_hover_color="#3598dc" text_color_style="custom" text_color="#3598dc" text_hover_color_style="custom" text_hover_color="#ffffff" color_mode="default" color="#22baed"]Button[/dt_button][dt_button target_blank="true" size="medium" style="light_with_bg" bg_hover_color_style="custom" bg_hover_color="#95a5a5" text_color_style="custom" text_color="#95a5a5" text_hover_color_style="custom" text_hover_color="#ffffff" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1wbHVzLXNxdWFyZSUyMiUzRSUzQyUyRmklM0U=" color_mode="default" color="#22baed"]Button[/dt_button][vc_empty_space height="20px"][dt_button el_class="btn-margin" target_blank="true" style="light_with_bg" bg_hover_color_style="custom" bg_hover_color="#5d6e7e" text_color_style="custom" text_color="#5d6e7e" text_hover_color_style="custom" text_hover_color="#ffffff" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" style="light_with_bg" bg_hover_color_style="custom" bg_hover_color="#2dcc70" text_color_style="custom" text_color="#2dcc70" text_hover_color_style="custom" text_hover_color="#ffffff" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF" icon_align="right" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" style="light_with_bg" bg_hover_color_style="custom" bg_hover_color="#2d3e50" text_color_style="custom" text_color="#2d3e50" text_hover_color_style="custom" text_hover_color="#ffffff" color_mode="default" color="#22baed"]Button[/dt_button][dt_button target_blank="true" style="light_with_bg" bg_hover_color_style="custom" bg_hover_color="#ecf0f1" text_color_style="custom" text_color="#95a5a5" text_hover_color_style="custom" text_hover_color="#7e8c8c" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1leHRlcm5hbC1saW5rLXNxdWFyZSUyMiUzRSUzQyUyRmklM0U=" color_mode="default" color="#22baed"]Button[/dt_button][/vc_column][/vc_row][vc_row type="vc_default" margin_bottom="90"][vc_column width="1/2" css=".vc_custom_1482743559059{padding-bottom: 80px !important;}"][vc_column_text css=".vc_custom_1482743364209{padding-bottom: 30px !important;}"]
<h3>Light</h3>
[/vc_column_text][dt_button el_class="btn-margin" target_blank="true" size="big" style="light" text_color_style="context" text_hover_color_style="accent" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" size="big" style="light" text_color_style="custom" text_color="#3598dc" text_hover_color_style="custom" text_hover_color="#bec3c7" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jaGV2cm9uLWNpcmNsZS1yaWdodCUyMiUzRSUzQyUyRmklM0U=" icon_align="right" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" size="big" style="light" text_color_style="custom" text_color="#e84c3d" text_hover_color_style="custom" text_hover_color="#bec3c7" color_mode="default" color="#22baed"]Button[/dt_button][dt_button target_blank="true" size="big" style="light" text_color_style="custom" text_color="#2dcc70" text_hover_color_style="custom" text_hover_color="#bec3c7" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jaGVjay1zcXVhcmUlMjIlM0UlM0MlMkZpJTNF" color_mode="default" color="#22baed"]Button[/dt_button][vc_empty_space height="20px"][dt_button el_class="btn-margin" target_blank="true" size="medium" style="light" text_color_style="custom" text_color="#95a5a5" text_hover_color_style="custom" text_hover_color="#f1c40f" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" size="medium" style="light" text_color_style="custom" text_color="#95a5a5" text_hover_color_style="custom" text_hover_color="#19bd9b" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS10aW1lcy1jaXJjbGUlMjIlM0UlM0MlMkZpJTNF" icon_align="right" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" size="medium" style="light" text_color_style="custom" text_color="#95a5a5" text_hover_color_style="custom" text_hover_color="#9b58b5" color_mode="default" color="#22baed"]Button[/dt_button][dt_button target_blank="true" size="medium" style="light" text_color_style="custom" text_color="#95a5a5" text_hover_color_style="custom" text_hover_color="#2d3e50" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1wbHVzLXNxdWFyZSUyMiUzRSUzQyUyRmklM0U=" color_mode="default" color="#22baed"]Button[/dt_button][vc_empty_space height="20px"][dt_button el_class="btn-margin" target_blank="true" style="light" text_color_style="custom" text_color="#e77e23" text_hover_color_style="custom" text_hover_color="#95a5a5" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" style="light" text_color_style="custom" text_color="#2dcc70" text_hover_color_style="custom" text_hover_color="#95a5a5" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF" icon_align="right" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" style="light" text_color_style="custom" text_color="#e84c3d" text_hover_color_style="custom" text_hover_color="#95a5a5" color_mode="default" color="#22baed"]Button[/dt_button][dt_button target_blank="true" style="light" text_color_style="custom" text_color="#9b58b5" text_hover_color_style="custom" text_hover_color="#95a5a5" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1leHRlcm5hbC1saW5rLXNxdWFyZSUyMiUzRSUzQyUyRmklM0U=" color_mode="default" color="#22baed"]Button[/dt_button][/vc_column][vc_column width="1/2" css=".vc_custom_1482743566227{padding-bottom: 80px !important;}"][vc_column_text css=".vc_custom_1482743376417{padding-bottom: 30px !important;}"]
<h3>Link</h3>
[/vc_column_text][dt_button el_class="btn-margin" target_blank="true" size="big" style="link" text_color_style="context" text_hover_color_style="accent" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" size="big" style="link" text_color_style="custom" text_color="#3598dc" text_hover_color_style="custom" text_hover_color="#bec3c7" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jaGV2cm9uLWNpcmNsZS1yaWdodCUyMiUzRSUzQyUyRmklM0U=" icon_align="right" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" size="big" style="link" text_color_style="custom" text_color="#e84c3d" text_hover_color_style="custom" text_hover_color="#bec3c7" color_mode="default" color="#22baed"]Button[/dt_button][dt_button target_blank="true" size="big" style="link" text_color_style="custom" text_color="#2dcc70" text_hover_color_style="custom" text_hover_color="#bec3c7" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jaGVjay1zcXVhcmUlMjIlM0UlM0MlMkZpJTNF" color_mode="default" color="#22baed"]Button[/dt_button][vc_empty_space height="20px"][dt_button el_class="btn-margin" target_blank="true" size="medium" style="link" text_color_style="custom" text_color="#95a5a5" text_hover_color_style="custom" text_hover_color="#f1c40f" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" size="medium" style="link" text_color_style="custom" text_color="#95a5a5" text_hover_color_style="custom" text_hover_color="#19bd9b" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS10aW1lcy1jaXJjbGUlMjIlM0UlM0MlMkZpJTNF" icon_align="right" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" size="medium" style="link" text_color_style="custom" text_color="#95a5a5" text_hover_color_style="custom" text_hover_color="#9b58b5" color_mode="default" color="#22baed"]Button[/dt_button][dt_button target_blank="true" size="medium" style="link" text_color_style="custom" text_color="#95a5a5" text_hover_color_style="custom" text_hover_color="#2d3e50" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1wbHVzLXNxdWFyZSUyMiUzRSUzQyUyRmklM0U=" color_mode="default" color="#22baed"]Button[/dt_button][vc_empty_space height="20px"][dt_button el_class="btn-margin" target_blank="true" style="link" text_color_style="custom" text_color="#e77e23" text_hover_color_style="custom" text_hover_color="#95a5a5" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" style="link" text_color_style="custom" text_color="#2dcc70" text_hover_color_style="custom" text_hover_color="#95a5a5" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF" icon_align="right" color_mode="default" color="#22baed"]Button[/dt_button][dt_button el_class="btn-margin" target_blank="true" style="link" text_color_style="custom" text_color="#e84c3d" text_hover_color_style="custom" text_hover_color="#95a5a5" color_mode="default" color="#22baed"]Button[/dt_button][dt_button target_blank="true" style="link" text_color_style="custom" text_color="#9b58b5" text_hover_color_style="custom" text_hover_color="#95a5a5" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1leHRlcm5hbC1saW5rLXNxdWFyZSUyMiUzRSUzQyUyRmklM0U=" color_mode="default" color="#22baed"]Button[/dt_button][/vc_column][/vc_row][vc_row type="vc_default" margin_bottom="10"][vc_column width="1/2"][vc_column_text css=".vc_custom_1482743429936{padding-bottom: 30px !important;}"]
<h3>Full width buttons</h3>
[/vc_column_text][dt_button el_class="full-width-btn" target_blank="true" size="big" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jb2ZmZWUlMjIlM0UlM0MlMkZpJTNF" icon_align="right" color_mode="default" color="#22baed"]Full Width Button[/dt_button][vc_empty_space height="10px"][dt_button el_class="full-width-btn" target_blank="true" size="big" bg_color_style="custom" bg_color="#e84c3d" bg_hover_color_style="custom" bg_hover_color="#5d6e7e" text_color_style="custom" text_color="#ffffff" text_hover_color_style="custom" text_hover_color="#ffffff" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jb2ZmZWUlMjIlM0UlM0MlMkZpJTNF" icon_align="right" color_mode="default" color="#22baed"]Full Width Button[/dt_button][vc_empty_space height="10px"][dt_button el_class="full-width-btn" target_blank="true" size="big" style="outline" bg_color_style="custom" bg_color="#5d6e7e" bg_hover_color_style="custom" bg_hover_color="#3598dc" text_color_style="custom" text_color="#5d6e7e" text_hover_color_style="custom" text_hover_color="#3598dc" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jb2ZmZWUlMjIlM0UlM0MlMkZpJTNF" icon_align="right" color_mode="default" color="#22baed"]Full Width Button[/dt_button][vc_empty_space height="10px"][dt_button el_class="full-width-btn" target_blank="true" size="big" style="outline_with_bg" bg_color_style="custom" bg_color="#2dcc70" bg_hover_color_style="custom" bg_hover_color="#2dcc70" text_color_style="custom" text_color="#2dcc70" text_hover_color_style="custom" text_hover_color="#ffffff" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jb2ZmZWUlMjIlM0UlM0MlMkZpJTNF" icon_align="right" color_mode="default" color="#22baed"]Full Width Button[/dt_button][vc_empty_space height="10px"][dt_button el_class="full-width-btn" target_blank="true" size="big" style="light_with_bg" bg_hover_color_style="accent" text_color_style="context" text_hover_color_style="custom" text_hover_color="#ffffff" icon="JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jb2ZmZWUlMjIlM0UlM0MlMkZpJTNF" icon_align="right" color_mode="default" color="#22baed"]Full Width Button[/dt_button][/vc_column][/vc_row]