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-5fc0c260036b8 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-5fc0c260036b8 { background-color:#ff6b6b; } .button-5fc0c260036b8:hover { background-color:#ed6464; } .button-5fc0c260036b8.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-5fc0c260036b8.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }
.button-5fc0c260038f5 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-5fc0c260038f5 { background-color:#ff6b6b; } .button-5fc0c260038f5:hover { background-color:#ed6464; } .button-5fc0c260038f5.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-5fc0c260038f5.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }
.button-5fc0c26003b1a { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-5fc0c26003b1a { background-color:#ff6b6b; } .button-5fc0c26003b1a:hover { background-color:#ed6464; } .button-5fc0c26003b1a.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-5fc0c26003b1a.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }
.button-5fc0c26003d46 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-5fc0c26003d46 { background-color:#ff6b6b; } .button-5fc0c26003d46:hover { background-color:#ed6464; } .button-5fc0c26003d46.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-5fc0c26003d46.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }
.button-5fc0c26003f7a { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-5fc0c26003f7a { background-color:#ff6b6b; } .button-5fc0c26003f7a:hover { background-color:#ed6464; } .button-5fc0c26003f7a.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-5fc0c26003f7a.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }
.button-5fc0c260041b1 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-5fc0c260041b1 { background-color:#ff6b6b; } .button-5fc0c260041b1:hover { background-color:#ed6464; } .button-5fc0c260041b1.three-dimension { box-shadow: 0px 3px 0px 0px #cc5656; } .button-5fc0c260041b1.three-dimension:active { box-shadow: 0px 1px 0px 0px #cc5656; }

2D Buttons

.button-5fc0c260051f1 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-5fc0c260051f1 { background-color:#978eb4; } .button-5fc0c260051f1:hover { background-color:#8c84a7; } .button-5fc0c260051f1.three-dimension { box-shadow: 0px 3px 0px 0px #797290; } .button-5fc0c260051f1.three-dimension:active { box-shadow: 0px 1px 0px 0px #797290; }
.button-5fc0c26005443 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-5fc0c26005443 { background-color:#978eb4; } .button-5fc0c26005443:hover { background-color:#8c84a7; } .button-5fc0c26005443.three-dimension { box-shadow: 0px 3px 0px 0px #797290; } .button-5fc0c26005443.three-dimension:active { box-shadow: 0px 1px 0px 0px #797290; }
.button-5fc0c26005689 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-5fc0c26005689 { background-color:#978eb4; } .button-5fc0c26005689:hover { background-color:#8c84a7; } .button-5fc0c26005689.three-dimension { box-shadow: 0px 3px 0px 0px #797290; } .button-5fc0c26005689.three-dimension:active { box-shadow: 0px 1px 0px 0px #797290; }
.button-5fc0c260058c6 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-5fc0c260058c6 { background-color:#978eb4; } .button-5fc0c260058c6:hover { background-color:#8c84a7; } .button-5fc0c260058c6.three-dimension { box-shadow: 0px 3px 0px 0px #797290; } .button-5fc0c260058c6.three-dimension:active { box-shadow: 0px 1px 0px 0px #797290; }
.button-5fc0c26005b02 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-5fc0c26005b02 { background-color:#978eb4; } .button-5fc0c26005b02:hover { background-color:#8c84a7; } .button-5fc0c26005b02.three-dimension { box-shadow: 0px 3px 0px 0px #797290; } .button-5fc0c26005b02.three-dimension:active { box-shadow: 0px 1px 0px 0px #797290; }
.button-5fc0c26005d40 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-5fc0c26005d40 { background-color:#978eb4; } .button-5fc0c26005d40:hover { background-color:#8c84a7; } .button-5fc0c26005d40.three-dimension { box-shadow: 0px 3px 0px 0px #797290; } .button-5fc0c26005d40.three-dimension:active { box-shadow: 0px 1px 0px 0px #797290; }

Flat Buttons

.button-5fc0c26006cf6 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-5fc0c26006cf6 { background-color:#57c8c3; } .mk-button.button-5fc0c26006cf6.flat-dimension:hover { background-color:#252525 !important; }
.button-5fc0c26006eec { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-5fc0c26006eec { background-color:#57c8c3; } .mk-button.button-5fc0c26006eec.flat-dimension:hover { background-color:#252525 !important; }
.button-5fc0c260070f7 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-5fc0c260070f7 { background-color:#57c8c3; } .mk-button.button-5fc0c260070f7.flat-dimension:hover { background-color:#252525 !important; }
.button-5fc0c260072d2 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-5fc0c260072d2 { background-color:#57c8c3; } .mk-button.button-5fc0c260072d2.flat-dimension:hover { background-color:#252525 !important; }
.button-5fc0c260074d6 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-5fc0c260074d6 { background-color:#57c8c3; } .mk-button.button-5fc0c260074d6.flat-dimension:hover { background-color:#252525 !important; }
.button-5fc0c26007630 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-5fc0c26007630 { background-color:#57c8c3; } .mk-button.button-5fc0c26007630.flat-dimension:hover { background-color:#252525 !important; }

Outline buttons

.button-5fc0c260085ea { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-5fc0c260087f9 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-5fc0c26008a04 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-5fc0c26008b76 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-5fc0c26008cbf { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-5fc0c26008e06 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-5fc0c260099b4 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-5fc0c26009b08 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-5fc0c26009b08 { border-color: #71d3cf !important; color: #71d3cf; } .button-5fc0c26009b08:hover { background-color:#71d3cf !important; color: #444444 !important; } .button-5fc0c26009b08:hover i { color: #444444; }
.button-5fc0c26009c51 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-5fc0c26009c51 { border-color: #e6d459 !important; color: #e6d459; } .button-5fc0c26009c51:hover { background-color:#e6d459 !important; color: #444444 !important; } .button-5fc0c26009c51:hover i { color: #444444; }
.button-5fc0c26009d9b { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-5fc0c26009d9b { border-color: #5adff3 !important; color: #5adff3; } .button-5fc0c26009d9b:hover { background-color:#5adff3 !important; color: #444444 !important; } .button-5fc0c26009d9b:hover i { color: #444444; }
.button-5fc0c26009ef9 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-5fc0c26009ef9 { border-color: #b3e24e !important; color: #b3e24e; } .button-5fc0c26009ef9:hover { background-color:#b3e24e !important; color: #333333 !important; } .button-5fc0c26009ef9:hover i { color: #333333; }
.button-5fc0c2600a047 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-5fc0c2600a047 { border-color: #ff6b6b !important; color: #ff6b6b; } .button-5fc0c2600a047:hover { background-color:#ff6b6b !important; color: #444444 !important; } .button-5fc0c2600a047:hover i { color: #444444; }
#mk-custom-box-5fc0c26009642 { 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-5fc0c26009642 .mk-fancy-title.pattern-style span{ background-color: #555555 !important; }
.full-width-5fc0c260092cd { min-height:100px; padding:50px 0 40px; margin-bottom:0px; background-color:#555555; } #background-layer--5fc0c260092cd { background-position:left top; background-repeat:repeat; ; } .full-width-5fc0c260092cd .mk-fancy-title.pattern-style span, .full-width-5fc0c260092cd .mk-blog-view-all { background-color: #555555 !important; }

Savvy buttons

.button-5fc0c2600a95f { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-5fc0c2600aaac { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-5fc0c2600abeb { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-5fc0c2600ad2f { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-5fc0c2600ae80 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-5fc0c2600afc5 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-5fc0c2600ba01 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; }
.button-5fc0c2600bb49 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-5fc0c2600bb49 { border-color: #71d3cf !important; color: #71d3cf; } .button-5fc0c2600bb49:after { background-color:#71d3cf; } .button-5fc0c2600bb49:hover { border-color: !important; color: #444444 !important; } .button-5fc0c2600bb49:hover:after { background-color:; } .button-5fc0c2600bb49:hover i { color: #444444; }
.button-5fc0c2600bc97 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-5fc0c2600bc97 { border-color: #e6d459 !important; color: #e6d459; } .button-5fc0c2600bc97:after { background-color:#e6d459; } .button-5fc0c2600bc97:hover { border-color: !important; color: #444444 !important; } .button-5fc0c2600bc97:hover:after { background-color:; } .button-5fc0c2600bc97:hover i { color: #444444; }
.button-5fc0c2600bdef { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-5fc0c2600bdef { border-color: #5adff3 !important; color: #5adff3; } .button-5fc0c2600bdef:after { background-color:#5adff3; } .button-5fc0c2600bdef:hover { border-color: !important; color: #444444 !important; } .button-5fc0c2600bdef:hover:after { background-color:; } .button-5fc0c2600bdef:hover i { color: #444444; }
.button-5fc0c2600bf3e { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-5fc0c2600bf3e { border-color: #b3e24e !important; color: #b3e24e; } .button-5fc0c2600bf3e:after { background-color:#b3e24e; } .button-5fc0c2600bf3e:hover { border-color: !important; color: #333333 !important; } .button-5fc0c2600bf3e:hover:after { background-color:; } .button-5fc0c2600bf3e:hover i { color: #333333; }
.button-5fc0c2600c091 { margin-bottom: 15px; margin-top: 0px; min-width: 0px !important; } .button-5fc0c2600c091 { border-color: #ff6b6b !important; color: #ff6b6b; } .button-5fc0c2600c091:after { background-color:#ff6b6b; } .button-5fc0c2600c091:hover { border-color: !important; color: #444444 !important; } .button-5fc0c2600c091:hover:after { background-color:; } .button-5fc0c2600c091:hover i { color: #444444; }
#mk-custom-box-5fc0c2600b6b0 { 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-5fc0c2600b6b0 .mk-fancy-title.pattern-style span{ background-color: #555555 !important; }
.full-width-5fc0c2600b399 { min-height:100px; padding:50px 0 40px; margin-bottom:0px; background-color:#555555; } #background-layer--5fc0c2600b399 { background-position:left top; background-repeat:repeat; ; } .full-width-5fc0c2600b399 .mk-fancy-title.pattern-style span, .full-width-5fc0c2600b399 .mk-blog-view-all { background-color: #555555 !important; }

Full width Buttons

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