如何让Angular Material的按钮全宽切换，但内容左对齐？

<div class="button-container">
  <button mat-button>按钮内容</button>
</div>

.button-container {
  width: 100%;
  text-align: left;
}

<div class="button-container">
  <button mat-button class="full-width">按钮内容</button>
</div>

.button-container {
  width: 100%;
  text-align: left;
}

.full-width {
  width: 100%;
}