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-60449b56a11f4 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56a11f4 { background-color:#ff6b6b; } .button-60449b56a11f4:hover { background-color:#ed6464; } .button-60449b56a11f4.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-60449b56a11f4.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }
.button-60449b56a137f { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56a137f { background-color:#ff6b6b; } .button-60449b56a137f:hover { background-color:#ed6464; } .button-60449b56a137f.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-60449b56a137f.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }
.button-60449b56a1500 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56a1500 { background-color:#ff6b6b; } .button-60449b56a1500:hover { background-color:#ed6464; } .button-60449b56a1500.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-60449b56a1500.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }
.button-60449b56a167e { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56a167e { background-color:#ff6b6b; } .button-60449b56a167e:hover { background-color:#ed6464; } .button-60449b56a167e.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-60449b56a167e.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }
.button-60449b56a180a { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56a180a { background-color:#ff6b6b; } .button-60449b56a180a:hover { background-color:#ed6464; } .button-60449b56a180a.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-60449b56a180a.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }
.button-60449b56a1987 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56a1987 { background-color:#ff6b6b; } .button-60449b56a1987:hover { background-color:#ed6464; } .button-60449b56a1987.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-60449b56a1987.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }

2D Buttons

.button-60449b56a2466 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56a2466 { background-color:#978eb4; } .button-60449b56a2466:hover { background-color:#8c84a7; } .button-60449b56a2466.three-dimension { box-shadow: 0px 3px 0px 0px #797290; } .button-60449b56a2466.three-dimension:active { box-shadow: 0px 1px 0px 0px #797290; }
.button-60449b56a25e4 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56a25e4 { background-color:#978eb4; } .button-60449b56a25e4:hover { background-color:#8c84a7; } .button-60449b56a25e4.three-dimension { box-shadow: 0px 3px 0px 0px #797290; } .button-60449b56a25e4.three-dimension:active { box-shadow: 0px 1px 0px 0px #797290; }
.button-60449b56a2769 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56a2769 { background-color:#978eb4; } .button-60449b56a2769:hover { background-color:#8c84a7; } .button-60449b56a2769.three-dimension { box-shadow: 0px 3px 0px 0px #797290; } .button-60449b56a2769.three-dimension:active { box-shadow: 0px 1px 0px 0px #797290; }
.button-60449b56a28e7 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56a28e7 { background-color:#978eb4; } .button-60449b56a28e7:hover { background-color:#8c84a7; } .button-60449b56a28e7.three-dimension { box-shadow: 0px 3px 0px 0px #797290; } .button-60449b56a28e7.three-dimension:active { box-shadow: 0px 1px 0px 0px #797290; }
.button-60449b56a2a62 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56a2a62 { background-color:#978eb4; } .button-60449b56a2a62:hover { background-color:#8c84a7; } .button-60449b56a2a62.three-dimension { box-shadow: 0px 3px 0px 0px #797290; } .button-60449b56a2a62.three-dimension:active { box-shadow: 0px 1px 0px 0px #797290; }
.button-60449b56a2be9 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56a2be9 { background-color:#978eb4; } .button-60449b56a2be9:hover { background-color:#8c84a7; } .button-60449b56a2be9.three-dimension { box-shadow: 0px 3px 0px 0px #797290; } .button-60449b56a2be9.three-dimension:active { box-shadow: 0px 1px 0px 0px #797290; }

Flat Buttons

.button-60449b56a36b8 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56a36b8 { background-color:#57c8c3; } .mk-button.button-60449b56a36b8.flat-dimension:hover { background-color:#252525 !important; }
.button-60449b56a3824 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56a3824 { background-color:#57c8c3; } .mk-button.button-60449b56a3824.flat-dimension:hover { background-color:#252525 !important; }
.button-60449b56a398b { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56a398b { background-color:#57c8c3; } .mk-button.button-60449b56a398b.flat-dimension:hover { background-color:#252525 !important; }
.button-60449b56a3b10 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56a3b10 { background-color:#57c8c3; } .mk-button.button-60449b56a3b10.flat-dimension:hover { background-color:#252525 !important; }
.button-60449b56a3c7c { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56a3c7c { background-color:#57c8c3; } .mk-button.button-60449b56a3c7c.flat-dimension:hover { background-color:#252525 !important; }
.button-60449b56a3de9 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56a3de9 { background-color:#57c8c3; } .mk-button.button-60449b56a3de9.flat-dimension:hover { background-color:#252525 !important; }

Outline buttons

.button-60449b56a48c2 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-60449b56a4a2b { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-60449b56a4b99 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-60449b56a4cff { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-60449b56a4e6c { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-60449b56a4fd7 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-60449b56ac3a6 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-60449b56ac6cf { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56ac6cf { border-color: #71d3cf !important; color: #71d3cf; } .button-60449b56ac6cf:hover { background-color:#71d3cf !important; color: #444444 !important; } .button-60449b56ac6cf:hover i { color: #444444; }
.button-60449b56aca25 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56aca25 { border-color: #e6d459 !important; color: #e6d459; } .button-60449b56aca25:hover { background-color:#e6d459 !important; color: #444444 !important; } .button-60449b56aca25:hover i { color: #444444; }
.button-60449b56acd95 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56acd95 { border-color: #5adff3 !important; color: #5adff3; } .button-60449b56acd95:hover { background-color:#5adff3 !important; color: #444444 !important; } .button-60449b56acd95:hover i { color: #444444; }
.button-60449b56ad0e1 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56ad0e1 { border-color: #b3e24e !important; color: #b3e24e; } .button-60449b56ad0e1:hover { background-color:#b3e24e !important; color: #333333 !important; } .button-60449b56ad0e1:hover i { color: #333333; }
.button-60449b56ad441 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56ad441 { border-color: #ff6b6b !important; color: #ff6b6b; } .button-60449b56ad441:hover { background-color:#ff6b6b !important; color: #444444 !important; } .button-60449b56ad441:hover i { color: #444444; }
#mk-custom-box-60449b56ab917 { 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-60449b56ab917 .mk-fancy-title.pattern-style span{ background-color: #555555 !important; }
.full-width-60449b56aafe7 { min-height:100px; padding:50px 0 40px; margin-bottom:0px; background-color:#555555; } #background-layer--60449b56aafe7 { background-position:left top; background-repeat:repeat; ; } .full-width-60449b56aafe7 .mk-fancy-title.pattern-style span, .full-width-60449b56aafe7 .mk-blog-view-all { background-color: #555555 !important; }

Savvy buttons

.button-60449b56aebf0 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-60449b56aeef8 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-60449b56af1e5 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-60449b56af4e4 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-60449b56af7ed { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-60449b56afaf3 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-60449b56b15a5 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-60449b56b186e { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56b186e { border-color: #71d3cf !important; color: #71d3cf; } .button-60449b56b186e:after { background-color:#71d3cf; } .button-60449b56b186e:hover { border-color: !important; color: #444444 !important; } .button-60449b56b186e:hover:after { background-color:; } .button-60449b56b186e:hover i { color: #444444; }
.button-60449b56b1b5b { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56b1b5b { border-color: #e6d459 !important; color: #e6d459; } .button-60449b56b1b5b:after { background-color:#e6d459; } .button-60449b56b1b5b:hover { border-color: !important; color: #444444 !important; } .button-60449b56b1b5b:hover:after { background-color:; } .button-60449b56b1b5b:hover i { color: #444444; }
.button-60449b56b1e4f { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56b1e4f { border-color: #5adff3 !important; color: #5adff3; } .button-60449b56b1e4f:after { background-color:#5adff3; } .button-60449b56b1e4f:hover { border-color: !important; color: #444444 !important; } .button-60449b56b1e4f:hover:after { background-color:; } .button-60449b56b1e4f:hover i { color: #444444; }
.button-60449b56b2126 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56b2126 { border-color: #b3e24e !important; color: #b3e24e; } .button-60449b56b2126:after { background-color:#b3e24e; } .button-60449b56b2126:hover { border-color: !important; color: #333333 !important; } .button-60449b56b2126:hover:after { background-color:; } .button-60449b56b2126:hover i { color: #333333; }
.button-60449b56b2413 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56b2413 { border-color: #ff6b6b !important; color: #ff6b6b; } .button-60449b56b2413:after { background-color:#ff6b6b; } .button-60449b56b2413:hover { border-color: !important; color: #444444 !important; } .button-60449b56b2413:hover:after { background-color:; } .button-60449b56b2413:hover i { color: #444444; }
#mk-custom-box-60449b56b0d84 { 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-60449b56b0d84 .mk-fancy-title.pattern-style span{ background-color: #555555 !important; }
.full-width-60449b56b05ad { min-height:100px; padding:50px 0 40px; margin-bottom:0px; background-color:#555555; } #background-layer--60449b56b05ad { background-position:left top; background-repeat:repeat; ; } .full-width-60449b56b05ad .mk-fancy-title.pattern-style span, .full-width-60449b56b05ad .mk-blog-view-all { background-color: #555555 !important; }

Full width Buttons

.button-60449b56b3958 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56b3958 { border-color: #2c7fb1 !important; color: #2c7fb1; } .button-60449b56b3958:hover { background-color:#2c7fb1 !important; color: #ffffff !important; } .button-60449b56b3958:hover i { color: #ffffff; }
.button-60449b56b3c1c { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56b3c1c { background-color:#57c8c3; } .mk-button.button-60449b56b3c1c.flat-dimension:hover { background-color:#252525 !important; }
.button-60449b56b3f1b { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-60449b56b3f1b { background-color:#ff6b6b; } .button-60449b56b3f1b:hover { background-color:#ed6464; } .button-60449b56b3f1b.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-60449b56b3f1b.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