<button class="button">
  普通按钮
</button>
<button class="button--blue">
  蓝色按钮
</button>
<button class="button--red">
  红色按钮
</button>
<button class="button--large--blue">
  蓝色大按钮
</button>
.button, .button--blue, .button--red, .button--large--blue{
  font-size: 14px;
}
.button--blue, .button--large--blue{
  background-color: #29abe0;
}
.button--red{
  background-color: #ff3328;
}
.button--large--blue{
  font-size: 18px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.