斜めに切り取られたマスク風見出し

<h2 class="diagonal-cut-heading">製品ラインアップ</h2>

.diagonal-cut-heading {
  background: #0f766e;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  padding: 18px 28px;
  clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);
  width: fit-content;
  font-family: 'Arial', sans-serif;
}