立体に浮き出る押し出し風見出し

<h2 class="emboss-heading">新着ニュース</h2>

.emboss-heading {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  background: #f1f5f9;
  padding: 18px 24px;
  border-radius: 6px;
  box-shadow: inset 2px 2px 5px #d1d5db, inset -2px -2px 5px #fff;
  font-family: 'Segoe UI', sans-serif;
  width: fit-content;
}