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-664740d1bf101 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-664740d1bf101 { background-color:#ff6b6b; } .button-664740d1bf101:hover { background-color:#ed6464; } .button-664740d1bf101.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-664740d1bf101.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }
.button-664740d1bf372 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-664740d1bf372 { background-color:#ff6b6b; } .button-664740d1bf372:hover { background-color:#ed6464; } .button-664740d1bf372.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-664740d1bf372.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }
.button-664740d1bf587 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-664740d1bf587 { background-color:#ff6b6b; } .button-664740d1bf587:hover { background-color:#ed6464; } .button-664740d1bf587.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-664740d1bf587.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }
.button-664740d1bf7c1 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-664740d1bf7c1 { background-color:#ff6b6b; } .button-664740d1bf7c1:hover { background-color:#ed6464; } .button-664740d1bf7c1.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-664740d1bf7c1.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }
.button-664740d1bfa3a { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-664740d1bfa3a { background-color:#ff6b6b; } .button-664740d1bfa3a:hover { background-color:#ed6464; } .button-664740d1bfa3a.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-664740d1bfa3a.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }
.button-664740d1bfc96 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-664740d1bfc96 { background-color:#ff6b6b; } .button-664740d1bfc96:hover { background-color:#ed6464; } .button-664740d1bfc96.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-664740d1bfc96.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }

2D Buttons

.button-664740d1c13c8 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-664740d1c13c8 { background-color:#978eb4; } .button-664740d1c13c8:hover { background-color:#8c84a7; } .button-664740d1c13c8.three-dimension { box-shadow: 0px 3px 0px 0px #797290; } .button-664740d1c13c8.three-dimension:active { box-shadow: 0px 1px 0px 0px #797290; }
.button-664740d1c15e9 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-664740d1c15e9 { background-color:#978eb4; } .button-664740d1c15e9:hover { background-color:#8c84a7; } .button-664740d1c15e9.three-dimension { box-shadow: 0px 3px 0px 0px #797290; } .button-664740d1c15e9.three-dimension:active { box-shadow: 0px 1px 0px 0px #797290; }
.button-664740d1c17d3 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-664740d1c17d3 { background-color:#978eb4; } .button-664740d1c17d3:hover { background-color:#8c84a7; } .button-664740d1c17d3.three-dimension { box-shadow: 0px 3px 0px 0px #797290; } .button-664740d1c17d3.three-dimension:active { box-shadow: 0px 1px 0px 0px #797290; }
.button-664740d1c19f0 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-664740d1c19f0 { background-color:#978eb4; } .button-664740d1c19f0:hover { background-color:#8c84a7; } .button-664740d1c19f0.three-dimension { box-shadow: 0px 3px 0px 0px #797290; } .button-664740d1c19f0.three-dimension:active { box-shadow: 0px 1px 0px 0px #797290; }
.button-664740d1c1c1b { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-664740d1c1c1b { background-color:#978eb4; } .button-664740d1c1c1b:hover { background-color:#8c84a7; } .button-664740d1c1c1b.three-dimension { box-shadow: 0px 3px 0px 0px #797290; } .button-664740d1c1c1b.three-dimension:active { box-shadow: 0px 1px 0px 0px #797290; }
.button-664740d1c1e4f { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-664740d1c1e4f { background-color:#978eb4; } .button-664740d1c1e4f:hover { background-color:#8c84a7; } .button-664740d1c1e4f.three-dimension { box-shadow: 0px 3px 0px 0px #797290; } .button-664740d1c1e4f.three-dimension:active { box-shadow: 0px 1px 0px 0px #797290; }

Flat Buttons

.button-664740d1c359c { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-664740d1c359c { background-color:#57c8c3; } .mk-button.button-664740d1c359c.flat-dimension:hover { background-color:#252525 !important; }
.button-664740d1c373c { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-664740d1c373c { background-color:#57c8c3; } .mk-button.button-664740d1c373c.flat-dimension:hover { background-color:#252525 !important; }
.button-664740d1c3912 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-664740d1c3912 { background-color:#57c8c3; } .mk-button.button-664740d1c3912.flat-dimension:hover { background-color:#252525 !important; }
.button-664740d1c3ac5 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-664740d1c3ac5 { background-color:#57c8c3; } .mk-button.button-664740d1c3ac5.flat-dimension:hover { background-color:#252525 !important; }
.button-664740d1c3c65 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-664740d1c3c65 { background-color:#57c8c3; } .mk-button.button-664740d1c3c65.flat-dimension:hover { background-color:#252525 !important; }
.button-664740d1c3e17 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-664740d1c3e17 { background-color:#57c8c3; } .mk-button.button-664740d1c3e17.flat-dimension:hover { background-color:#252525 !important; }

Outline buttons

.button-664740d1c55cd { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-664740d1c5841 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-664740d1c5a9f { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-664740d1c5cfe { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-664740d1c5f5d { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-664740d1c61b9 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-664740d1d536e { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-664740d1d55e1 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-664740d1d55e1 { border-color: #71d3cf !important; color: #71d3cf; } .button-664740d1d55e1:hover { background-color:#71d3cf !important; color: #444444 !important; } .button-664740d1d55e1:hover i { color: #444444; }
.button-664740d1d5874 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-664740d1d5874 { border-color: #e6d459 !important; color: #e6d459; } .button-664740d1d5874:hover { background-color:#e6d459 !important; color: #444444 !important; } .button-664740d1d5874:hover i { color: #444444; }
.button-664740d1d5a9d { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-664740d1d5a9d { border-color: #5adff3 !important; color: #5adff3; } .button-664740d1d5a9d:hover { background-color:#5adff3 !important; color: #444444 !important; } .button-664740d1d5a9d:hover i { color: #444444; }
.button-664740d1d5cf6 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-664740d1d5cf6 { border-color: #b3e24e !important; color: #b3e24e; } .button-664740d1d5cf6:hover { background-color:#b3e24e !important; color: #333333 !important; } .button-664740d1d5cf6:hover i { color: #333333; }
.button-664740d1d5f4f { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-664740d1d5f4f { border-color: #ff6b6b !important; color: #ff6b6b; } .button-664740d1d5f4f:hover { background-color:#ff6b6b !important; color: #444444 !important; } .button-664740d1d5f4f:hover i { color: #444444; }
#mk-custom-box-664740d1d4a10 { 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-664740d1d4a10 .mk-fancy-title.pattern-style span{ background-color: #555555 !important; }
.full-width-664740d1cca8d { min-height:100px; padding:50px 0 40px; margin-bottom:0px; background-color:#555555; } #background-layer--664740d1cca8d { background-position:left top; background-repeat:repeat; ; } .full-width-664740d1cca8d .mk-fancy-title.pattern-style span, .full-width-664740d1cca8d .mk-blog-view-all { background-color: #555555 !important; }

Savvy buttons

.button-664740d1d79d3 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-664740d1d7c1a { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-664740d1d7e3b { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-664740d1d804e { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-664740d1d8298 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-664740d1d8489 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-664740d1d9d71 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-664740d1d9fbe { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-664740d1d9fbe { border-color: #71d3cf !important; color: #71d3cf; } .button-664740d1d9fbe:after { background-color:#71d3cf; } .button-664740d1d9fbe:hover { border-color: !important; color: #444444 !important; } .button-664740d1d9fbe:hover:after { background-color:; } .button-664740d1d9fbe:hover i { color: #444444; }
.button-664740d1da1c3 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-664740d1da1c3 { border-color: #e6d459 !important; color: #e6d459; } .button-664740d1da1c3:after { background-color:#e6d459; } .button-664740d1da1c3:hover { border-color: !important; color: #444444 !important; } .button-664740d1da1c3:hover:after { background-color:; } .button-664740d1da1c3:hover i { color: #444444; }
.button-664740d1da425 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-664740d1da425 { border-color: #5adff3 !important; color: #5adff3; } .button-664740d1da425:after { background-color:#5adff3; } .button-664740d1da425:hover { border-color: !important; color: #444444 !important; } .button-664740d1da425:hover:after { background-color:; } .button-664740d1da425:hover i { color: #444444; }
.button-664740d1da643 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-664740d1da643 { border-color: #b3e24e !important; color: #b3e24e; } .button-664740d1da643:after { background-color:#b3e24e; } .button-664740d1da643:hover { border-color: !important; color: #333333 !important; } .button-664740d1da643:hover:after { background-color:; } .button-664740d1da643:hover i { color: #333333; }
.button-664740d1da84d { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-664740d1da84d { border-color: #ff6b6b !important; color: #ff6b6b; } .button-664740d1da84d:after { background-color:#ff6b6b; } .button-664740d1da84d:hover { border-color: !important; color: #444444 !important; } .button-664740d1da84d:hover:after { background-color:; } .button-664740d1da84d:hover i { color: #444444; }
#mk-custom-box-664740d1d9540 { 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-664740d1d9540 .mk-fancy-title.pattern-style span{ background-color: #555555 !important; }
.full-width-664740d1d8bfc { min-height:100px; padding:50px 0 40px; margin-bottom:0px; background-color:#555555; } #background-layer--664740d1d8bfc { background-position:left top; background-repeat:repeat; ; } .full-width-664740d1d8bfc .mk-fancy-title.pattern-style span, .full-width-664740d1d8bfc .mk-blog-view-all { background-color: #555555 !important; }

Full width Buttons

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