<!-- Accent-colored raised button with ripple -->
<button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent">
  標準のボタン
</button>
</div>

<!-- Accent-colored raised button with ripple -->
<button class="mini-button mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent">
  ミニ ボタン
</button>
</div>
button.mini-button {
    padding: 5px 14px;
    min-width: 0;
    line-height: 15px;
    height: 25px;
    font-size: 13px;
}
Rerun