Buttons

Home / Shortcodes / Buttons

5 customisable buttons

Choose between 5 beautiful and animated button styles with customise features such as corner radius and button hover color.

3D Buttons

.button-662320133456b { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-662320133456b { background-color:#ff6b6b; } .button-662320133456b:hover { background-color:#ed6464; } .button-662320133456b.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-662320133456b.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }
.button-662320133482e { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-662320133482e { background-color:#ff6b6b; } .button-662320133482e:hover { background-color:#ed6464; } .button-662320133482e.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-662320133482e.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }
.button-6623201334acf { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-6623201334acf { background-color:#ff6b6b; } .button-6623201334acf:hover { background-color:#ed6464; } .button-6623201334acf.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-6623201334acf.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }
.button-6623201334d7c { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-6623201334d7c { background-color:#ff6b6b; } .button-6623201334d7c:hover { background-color:#ed6464; } .button-6623201334d7c.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-6623201334d7c.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }
.button-662320133502d { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-662320133502d { background-color:#ff6b6b; } .button-662320133502d:hover { background-color:#ed6464; } .button-662320133502d.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-662320133502d.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }
.button-66232013352c3 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66232013352c3 { background-color:#ff6b6b; } .button-66232013352c3:hover { background-color:#ed6464; } .button-66232013352c3.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-66232013352c3.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }

2D Buttons

.button-66232013367e1 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66232013367e1 { background-color:#978eb4; } .button-66232013367e1:hover { background-color:#8c84a7; } .button-66232013367e1.three-dimension { box-shadow: 0px 3px 0px 0px #797290; } .button-66232013367e1.three-dimension:active { box-shadow: 0px 1px 0px 0px #797290; }
.button-66232013369a0 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66232013369a0 { background-color:#978eb4; } .button-66232013369a0:hover { background-color:#8c84a7; } .button-66232013369a0.three-dimension { box-shadow: 0px 3px 0px 0px #797290; } .button-66232013369a0.three-dimension:active { box-shadow: 0px 1px 0px 0px #797290; }
.button-6623201336b67 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-6623201336b67 { background-color:#978eb4; } .button-6623201336b67:hover { background-color:#8c84a7; } .button-6623201336b67.three-dimension { box-shadow: 0px 3px 0px 0px #797290; } .button-6623201336b67.three-dimension:active { box-shadow: 0px 1px 0px 0px #797290; }
.button-6623201336d2a { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-6623201336d2a { background-color:#978eb4; } .button-6623201336d2a:hover { background-color:#8c84a7; } .button-6623201336d2a.three-dimension { box-shadow: 0px 3px 0px 0px #797290; } .button-6623201336d2a.three-dimension:active { box-shadow: 0px 1px 0px 0px #797290; }
.button-6623201336ef0 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-6623201336ef0 { background-color:#978eb4; } .button-6623201336ef0:hover { background-color:#8c84a7; } .button-6623201336ef0.three-dimension { box-shadow: 0px 3px 0px 0px #797290; } .button-6623201336ef0.three-dimension:active { box-shadow: 0px 1px 0px 0px #797290; }
.button-66232013370af { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66232013370af { background-color:#978eb4; } .button-66232013370af:hover { background-color:#8c84a7; } .button-66232013370af.three-dimension { box-shadow: 0px 3px 0px 0px #797290; } .button-66232013370af.three-dimension:active { box-shadow: 0px 1px 0px 0px #797290; }

Flat Buttons

.button-66232013387ee { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66232013387ee { background-color:#57c8c3; } .mk-button.button-66232013387ee.flat-dimension:hover { background-color:#252525 !important; }
.button-6623201338a56 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-6623201338a56 { background-color:#57c8c3; } .mk-button.button-6623201338a56.flat-dimension:hover { background-color:#252525 !important; }
.button-6623201338cb1 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-6623201338cb1 { background-color:#57c8c3; } .mk-button.button-6623201338cb1.flat-dimension:hover { background-color:#252525 !important; }
.button-6623201338f1a { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-6623201338f1a { background-color:#57c8c3; } .mk-button.button-6623201338f1a.flat-dimension:hover { background-color:#252525 !important; }
.button-6623201339180 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-6623201339180 { background-color:#57c8c3; } .mk-button.button-6623201339180.flat-dimension:hover { background-color:#252525 !important; }
.button-66232013393e5 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66232013393e5 { background-color:#57c8c3; } .mk-button.button-66232013393e5.flat-dimension:hover { background-color:#252525 !important; }

Outline buttons

.button-662320133af84 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-662320133b1e3 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-662320133b436 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-662320133b63f { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-662320133b800 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-662320133ba29 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-6623201345df9 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-6623201346044 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-6623201346044 { border-color: #71d3cf !important; color: #71d3cf; } .button-6623201346044:hover { background-color:#71d3cf !important; color: #444444 !important; } .button-6623201346044:hover i { color: #444444; }
.button-662320134629f { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-662320134629f { border-color: #e6d459 !important; color: #e6d459; } .button-662320134629f:hover { background-color:#e6d459 !important; color: #444444 !important; } .button-662320134629f:hover i { color: #444444; }
.button-66232013464f6 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66232013464f6 { border-color: #5adff3 !important; color: #5adff3; } .button-66232013464f6:hover { background-color:#5adff3 !important; color: #444444 !important; } .button-66232013464f6:hover i { color: #444444; }
.button-6623201346747 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-6623201346747 { border-color: #b3e24e !important; color: #b3e24e; } .button-6623201346747:hover { background-color:#b3e24e !important; color: #333333 !important; } .button-6623201346747:hover i { color: #333333; }
.button-662320134699a { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-662320134699a { border-color: #ff6b6b !important; color: #ff6b6b; } .button-662320134699a:hover { background-color:#ff6b6b !important; color: #444444 !important; } .button-662320134699a:hover i { color: #444444; }
#mk-custom-box-66232013454ca { min-height:100px; padding:40px 40px; background-attachment:scroll; background-repeat:repeat; background-color:#555555; background-position:left top; margin-bottom:0px; } #mk-custom-box-66232013454ca .mk-fancy-title.pattern-style span{ background-color: #555555 !important; }
.full-width-662320133cf5a { min-height:100px; padding:50px 0 40px; margin-bottom:0px; background-color:#555555; } #background-layer--662320133cf5a { background-position:left top; background-repeat:repeat; ; } .full-width-662320133cf5a .mk-fancy-title.pattern-style span, .full-width-662320133cf5a .mk-blog-view-all { background-color: #555555 !important; }

Savvy buttons

.button-662320134829c { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-6623201348468 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-66232013485f5 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-66232013487aa { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-662320134897c { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-6623201348b5e { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-6623201349fe5 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-662320134a19a { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-662320134a19a { border-color: #71d3cf !important; color: #71d3cf; } .button-662320134a19a:after { background-color:#71d3cf; } .button-662320134a19a:hover { border-color: !important; color: #444444 !important; } .button-662320134a19a:hover:after { background-color:; } .button-662320134a19a:hover i { color: #444444; }
.button-662320134a339 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-662320134a339 { border-color: #e6d459 !important; color: #e6d459; } .button-662320134a339:after { background-color:#e6d459; } .button-662320134a339:hover { border-color: !important; color: #444444 !important; } .button-662320134a339:hover:after { background-color:; } .button-662320134a339:hover i { color: #444444; }
.button-662320134a546 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-662320134a546 { border-color: #5adff3 !important; color: #5adff3; } .button-662320134a546:after { background-color:#5adff3; } .button-662320134a546:hover { border-color: !important; color: #444444 !important; } .button-662320134a546:hover:after { background-color:; } .button-662320134a546:hover i { color: #444444; }
.button-662320134a715 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-662320134a715 { border-color: #b3e24e !important; color: #b3e24e; } .button-662320134a715:after { background-color:#b3e24e; } .button-662320134a715:hover { border-color: !important; color: #333333 !important; } .button-662320134a715:hover:after { background-color:; } .button-662320134a715:hover i { color: #333333; }
.button-662320134a8d7 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-662320134a8d7 { border-color: #ff6b6b !important; color: #ff6b6b; } .button-662320134a8d7:after { background-color:#ff6b6b; } .button-662320134a8d7:hover { border-color: !important; color: #444444 !important; } .button-662320134a8d7:hover:after { background-color:; } .button-662320134a8d7:hover i { color: #444444; }
#mk-custom-box-6623201349997 { min-height:100px; padding:40px 40px; background-attachment:scroll; background-repeat:repeat; background-color:#555555; background-position:left top; margin-bottom:0px; } #mk-custom-box-6623201349997 .mk-fancy-title.pattern-style span{ background-color: #555555 !important; }
.full-width-66232013491a0 { min-height:100px; padding:50px 0 40px; margin-bottom:0px; background-color:#555555; } #background-layer--66232013491a0 { background-position:left top; background-repeat:repeat; ; } .full-width-66232013491a0 .mk-fancy-title.pattern-style span, .full-width-66232013491a0 .mk-blog-view-all { background-color: #555555 !important; }

Full width Buttons

.button-662320134bf0e { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-662320134bf0e { border-color: #2c7fb1 !important; color: #2c7fb1; } .button-662320134bf0e:hover { background-color:#2c7fb1 !important; color: #ffffff !important; } .button-662320134bf0e:hover i { color: #ffffff; }
.button-662320134c0eb { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-662320134c0eb { background-color:#57c8c3; } .mk-button.button-662320134c0eb.flat-dimension:hover { background-color:#252525 !important; }
.button-662320134c2cf { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-662320134c2cf { background-color:#ff6b6b; } .button-662320134c2cf:hover { background-color:#ed6464; } .button-662320134c2cf.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-662320134c2cf.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }
Contact Us

We're not around right now. But you can send us an email and we'll get back to you, asap.

Not readable? Change text. captcha txt

Start typing and press Enter to search