Buttons

Button Sizes

[dpr_button style=”flat” size=”btn-xl” title=”Extra Large” link=”url:%23|||”]
[dpr_button style=”flat” size=”btn-lg” title=”Large”]
[dpr_button style=”flat” title=”Default”]
[dpr_button style=”flat” size=”btn-sm” title=”Small”]

Button Styles

[dpr_button type=”type-2″ style=”flat” title=”Icon Left” icon=”Default-Next-2″]
[dpr_button type=”type-3″ style=”flat” title=”Icon Right” icon=”Default-Next-2″]
[dpr_button type=”type-4″ style=”flat” title=”Icon On Hover Left” icon=”Default-Arrow-Right2″]
[dpr_button type=”type-5″ style=”flat” title=”Icon On Hover Right” icon=”Default-Arrow-Right2″]
[dpr_button type=”type-6″ style=”flat” title=”Only Icon On hover” icon=”Default-Next-2″]
[dpr_button type=”type-2″ style=”btn-outlined” title=”Icon Left” icon=”Default-Next-2″]
[dpr_button type=”type-3″ style=”btn-outlined” title=”Icon Right” icon=”Default-Next-2″]
[dpr_button type=”type-4″ style=”btn-outlined” title=”Icon On Hover Left” icon=”Default-Arrow-Right2″]
[dpr_button type=”type-5″ style=”btn-outlined” title=”Icon Hover Right” icon=”Default-Arrow-Right2″]
[dpr_button type=”type-6″ style=”btn-outlined” title=”Only Icon On hover” icon=”Default-Next-2″]
[dpr_button type=”type-3″ style=”btn-min” title=”Minimal Button” icon=”none”]

Button Shapes

[dpr_button style=”flat” title=”Default”]
[dpr_button style=”flat” shape=”btn-round” title=”Rounded”]
[dpr_button type=”type-4″ style=”flat” shape=”btn-circle” title=”Circle” icon=”Default-Arrow-Right2″]
[dpr_button type=”type-5″ style=”flat” shape=”btn-square” title=”Square” icon=”Default-Arrow-Right2″]
[dpr_button style=”btn-outlined” title=”Default”]
[dpr_button style=”btn-outlined” shape=”btn-round” title=”Rounded”]
[dpr_button type=”type-4″ style=”btn-outlined” shape=”btn-circle” title=”Circle” icon=”Default-Arrow-Right2″ link=”url:http%3A%2F%2Fwww.dynamicpress.eu%2Fenvato%2Fcalibra1%2F%3Fpage_id%3D2497||target:%20_blank|rel:nofollow”]
[dpr_button type=”type-5″ style=”btn-outlined” shape=”btn-square” title=”Square” icon=”Default-Arrow-Right2″]

Customized Buttons

[dpr_button style=”flat” title=”Shadow” button_shadow=”d3|#000000||||0|box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2),0 3px 4px rgba(0, 0, 0, 0.14),0 3px 3px -2px rgba(0, 0, 0, 0.12)”]
[dpr_button style=”flat” title=”Shadow” button_shadow=”d20|#000000||||0|box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2),0 20px 31px 3px rgba(0, 0, 0, 0.14),0 8px 38px 7px rgba(0, 0, 0, 0.12)”]
[dpr_button style=”flat” title=”Shadow on hover” button_shadow_hover=”d5|#000000||||0|box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),0 5px 8px rgba(0, 0, 0, 0.14),0 1px 14px rgba(0, 0, 0, 0.12)”]
[dpr_button style=”flat” title=”Shadow Up On Hover” button_shadow_hover=”u7|#000000||||0|box-shadow: 0 -4px 5px -2px rgba(0, 0, 0, 0.2),0 -7px 10px 1px rgba(0, 0, 0, 0.14),0 -2px 16px 1px rgba(0, 0, 0, 0.12)”]
[dpr_button style=”flat” title=”Custom Colors” button_bg=”#1c7297″ button_bg_hover=”#19ad55″ button_border_color=”#1c7297″ button_border_color_hover=”#19ad55″ button_color_hover=”#feab4f”]
[dpr_button style=”btn-outlined” shape=”btn-round” title=”Custom Borders” button_color=”#dd3333″ button_color_hover=”#1e73be” button_border_color=”#dd3333″ button_border_color_hover=”#1e73be”]
[dpr_button type=”type-2″ style=”btn-outlined” shape=”btn-circle” title=”Custom Icon” icon=”Default-fingerprint” icon_color=”#f45622″ icon_color_hover=”#81d742″ icon_size=”25″]
[dpr_button style=”btn-outlined” shape=”btn-square” title=”Custom Font” title_font_size=”18″ title_line_height=”30″ use_google_fonts=”yes” title_google_font=”font_family:Merriweather%3A300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:900%20bold%20italic%3A900%3Aitalic”]
[dpr_button style=”flat” shape=”btn-circle” size=”btn-lg” title=”Gradient Button” button_gradient=”45;0%/rgb(240, 74, 35);100%/rgb(240, 143, 35)” button_gradient_hover=”45;0%/rgb(28, 114, 151);100%/rgb(57, 183, 108)” use_gradient_bg=”yes” border_width=”0″ use_gradient_bg_hover=”yes” title_line_height=”40″ title_letter_spacing=”1″]
[dpr_button style=”btn-outlined” shape=”btn-round” title=”Custom Borders” border_style=”dashed” button_color=”#dd3333″ button_color_hover=”#1e73be” button_border_color=”#dd3333″ button_border_color_hover=”#1e73be”]
[dpr_button type=”type-2″ style=”btn-outlined” shape=”btn-circle” title=”Custom Icon” border_style=”dotted” icon=”Default-fingerprint” icon_color=”#f45622″ icon_color_hover=”#81d742″ icon_size=”25″]