マーカー風ポップ見出しデザイン

<a class="marker-heading">本日のおすすめメニュー</a>

.marker-heading {
  font-family: 'Zen Maru Gothic', 'Arial Rounded MT Bold', sans-serif;
  font-size: 26px;
  font-weight: bold;
  color: #333;
  display: inline-block;
  position: relative;
  padding: 4px 6px;
}

.marker-heading::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 100%;
  height: 12px;
  background: #ffeb3b;
  z-index: -1;
  transform: skew(-10deg);
}