.btn { display: inline-block; color: #FFF; cursor: pointer; background-color: #333; padding: 4px 12px; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-font-smoothing: antialiased; } input[type=submit].btn, button.btn { border: none; } .btn:hover, .btn:focus { color: #FFF; } /* Sizes _________________________________________________________________ */ .btn.small { font-size: 12px; padding: 5px 10px; } .btn.medium { font-size: 17px; padding: 7px 16px; } .btn.large { font-size: 22px; padding: 12px 25px; line-height: 26px; } /* Colors _________________________________________________________________ */ .btn.blue { background-color: #2c7db1; } .btn.red { background-color: #c33c35; color: #FFF; } .btn.green { background-color: #91b35b; }