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-66349f8fd4ea1 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66349f8fd4ea1 { background-color:#ff6b6b; } .button-66349f8fd4ea1:hover { background-color:#ed6464; } .button-66349f8fd4ea1.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-66349f8fd4ea1.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }
.button-66349f8fd50e5 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66349f8fd50e5 { background-color:#ff6b6b; } .button-66349f8fd50e5:hover { background-color:#ed6464; } .button-66349f8fd50e5.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-66349f8fd50e5.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }
.button-66349f8fd52c9 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66349f8fd52c9 { background-color:#ff6b6b; } .button-66349f8fd52c9:hover { background-color:#ed6464; } .button-66349f8fd52c9.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-66349f8fd52c9.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }
.button-66349f8fd5482 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66349f8fd5482 { background-color:#ff6b6b; } .button-66349f8fd5482:hover { background-color:#ed6464; } .button-66349f8fd5482.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-66349f8fd5482.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }
.button-66349f8fd5632 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66349f8fd5632 { background-color:#ff6b6b; } .button-66349f8fd5632:hover { background-color:#ed6464; } .button-66349f8fd5632.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-66349f8fd5632.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }
.button-66349f8fd57e1 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66349f8fd57e1 { background-color:#ff6b6b; } .button-66349f8fd57e1:hover { background-color:#ed6464; } .button-66349f8fd57e1.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-66349f8fd57e1.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }

2D Buttons

.button-66349f8fd6a2c { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66349f8fd6a2c { background-color:#978eb4; } .button-66349f8fd6a2c:hover { background-color:#8c84a7; } .button-66349f8fd6a2c.three-dimension { box-shadow: 0px 3px 0px 0px #797290; } .button-66349f8fd6a2c.three-dimension:active { box-shadow: 0px 1px 0px 0px #797290; }
.button-66349f8fd6bde { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66349f8fd6bde { background-color:#978eb4; } .button-66349f8fd6bde:hover { background-color:#8c84a7; } .button-66349f8fd6bde.three-dimension { box-shadow: 0px 3px 0px 0px #797290; } .button-66349f8fd6bde.three-dimension:active { box-shadow: 0px 1px 0px 0px #797290; }
.button-66349f8fd6d83 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66349f8fd6d83 { background-color:#978eb4; } .button-66349f8fd6d83:hover { background-color:#8c84a7; } .button-66349f8fd6d83.three-dimension { box-shadow: 0px 3px 0px 0px #797290; } .button-66349f8fd6d83.three-dimension:active { box-shadow: 0px 1px 0px 0px #797290; }
.button-66349f8fd6f2c { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66349f8fd6f2c { background-color:#978eb4; } .button-66349f8fd6f2c:hover { background-color:#8c84a7; } .button-66349f8fd6f2c.three-dimension { box-shadow: 0px 3px 0px 0px #797290; } .button-66349f8fd6f2c.three-dimension:active { box-shadow: 0px 1px 0px 0px #797290; }
.button-66349f8fd70d5 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66349f8fd70d5 { background-color:#978eb4; } .button-66349f8fd70d5:hover { background-color:#8c84a7; } .button-66349f8fd70d5.three-dimension { box-shadow: 0px 3px 0px 0px #797290; } .button-66349f8fd70d5.three-dimension:active { box-shadow: 0px 1px 0px 0px #797290; }
.button-66349f8fd7292 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66349f8fd7292 { background-color:#978eb4; } .button-66349f8fd7292:hover { background-color:#8c84a7; } .button-66349f8fd7292.three-dimension { box-shadow: 0px 3px 0px 0px #797290; } .button-66349f8fd7292.three-dimension:active { box-shadow: 0px 1px 0px 0px #797290; }

Flat Buttons

.button-66349f8fd8476 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66349f8fd8476 { background-color:#57c8c3; } .mk-button.button-66349f8fd8476.flat-dimension:hover { background-color:#252525 !important; }
.button-66349f8fd8611 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66349f8fd8611 { background-color:#57c8c3; } .mk-button.button-66349f8fd8611.flat-dimension:hover { background-color:#252525 !important; }
.button-66349f8fd87ad { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66349f8fd87ad { background-color:#57c8c3; } .mk-button.button-66349f8fd87ad.flat-dimension:hover { background-color:#252525 !important; }
.button-66349f8fd8945 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66349f8fd8945 { background-color:#57c8c3; } .mk-button.button-66349f8fd8945.flat-dimension:hover { background-color:#252525 !important; }
.button-66349f8fd8ad5 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66349f8fd8ad5 { background-color:#57c8c3; } .mk-button.button-66349f8fd8ad5.flat-dimension:hover { background-color:#252525 !important; }
.button-66349f8fd8c68 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66349f8fd8c68 { background-color:#57c8c3; } .mk-button.button-66349f8fd8c68.flat-dimension:hover { background-color:#252525 !important; }

Outline buttons

.button-66349f8fd9e26 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-66349f8fd9fb4 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-66349f8fda151 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-66349f8fda2d9 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-66349f8fda463 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-66349f8fda5f3 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-66349f900c78e { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-66349f900c926 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66349f900c926 { border-color: #71d3cf !important; color: #71d3cf; } .button-66349f900c926:hover { background-color:#71d3cf !important; color: #444444 !important; } .button-66349f900c926:hover i { color: #444444; }
.button-66349f900caba { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66349f900caba { border-color: #e6d459 !important; color: #e6d459; } .button-66349f900caba:hover { background-color:#e6d459 !important; color: #444444 !important; } .button-66349f900caba:hover i { color: #444444; }
.button-66349f900cc58 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66349f900cc58 { border-color: #5adff3 !important; color: #5adff3; } .button-66349f900cc58:hover { background-color:#5adff3 !important; color: #444444 !important; } .button-66349f900cc58:hover i { color: #444444; }
.button-66349f900cdee { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66349f900cdee { border-color: #b3e24e !important; color: #b3e24e; } .button-66349f900cdee:hover { background-color:#b3e24e !important; color: #333333 !important; } .button-66349f900cdee:hover i { color: #333333; }
.button-66349f900cf8d { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66349f900cf8d { border-color: #ff6b6b !important; color: #ff6b6b; } .button-66349f900cf8d:hover { background-color:#ff6b6b !important; color: #444444 !important; } .button-66349f900cf8d:hover i { color: #444444; }
#mk-custom-box-66349f900c141 { 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-66349f900c141 .mk-fancy-title.pattern-style span{ background-color: #555555 !important; }
.full-width-66349f90067da { min-height:100px; padding:50px 0 40px; margin-bottom:0px; background-color:#555555; } #background-layer--66349f90067da { background-position:left top; background-repeat:repeat; ; } .full-width-66349f90067da .mk-fancy-title.pattern-style span, .full-width-66349f90067da .mk-blog-view-all { background-color: #555555 !important; }

Savvy buttons

.button-66349f900e157 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-66349f900e2ec { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-66349f900e478 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-66349f900e5ff { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-66349f900e795 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-66349f900e921 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-66349f900fa9a { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-66349f900fc23 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66349f900fc23 { border-color: #71d3cf !important; color: #71d3cf; } .button-66349f900fc23:after { background-color:#71d3cf; } .button-66349f900fc23:hover { border-color: !important; color: #444444 !important; } .button-66349f900fc23:hover:after { background-color:; } .button-66349f900fc23:hover i { color: #444444; }
.button-66349f900fdbe { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66349f900fdbe { border-color: #e6d459 !important; color: #e6d459; } .button-66349f900fdbe:after { background-color:#e6d459; } .button-66349f900fdbe:hover { border-color: !important; color: #444444 !important; } .button-66349f900fdbe:hover:after { background-color:; } .button-66349f900fdbe:hover i { color: #444444; }
.button-66349f900ff54 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66349f900ff54 { border-color: #5adff3 !important; color: #5adff3; } .button-66349f900ff54:after { background-color:#5adff3; } .button-66349f900ff54:hover { border-color: !important; color: #444444 !important; } .button-66349f900ff54:hover:after { background-color:; } .button-66349f900ff54:hover i { color: #444444; }
.button-66349f90100e6 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66349f90100e6 { border-color: #b3e24e !important; color: #b3e24e; } .button-66349f90100e6:after { background-color:#b3e24e; } .button-66349f90100e6:hover { border-color: !important; color: #333333 !important; } .button-66349f90100e6:hover:after { background-color:; } .button-66349f90100e6:hover i { color: #333333; }
.button-66349f9010278 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-66349f9010278 { border-color: #ff6b6b !important; color: #ff6b6b; } .button-66349f9010278:after { background-color:#ff6b6b; } .button-66349f9010278:hover { border-color: !important; color: #444444 !important; } .button-66349f9010278:hover:after { background-color:; } .button-66349f9010278:hover i { color: #444444; }
#mk-custom-box-66349f900f52b { 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-66349f900f52b .mk-fancy-title.pattern-style span{ background-color: #555555 !important; }
.full-width-66349f900ee7d { min-height:100px; padding:50px 0 40px; margin-bottom:0px; background-color:#555555; } #background-layer--66349f900ee7d { background-position:left top; background-repeat:repeat; ; } .full-width-66349f900ee7d .mk-fancy-title.pattern-style span, .full-width-66349f900ee7d .mk-blog-view-all { background-color: #555555 !important; }

Full width Buttons

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