【SANGO】記事下の関連記事のタイトルをカスタマイズする方法

/************************************
** 記事下の関連記事の見出しを吹き出し状に
************************************/
#main h3.h-undeline {
  text-align: center;
  display: inline-block;
  position: relative;
  color: #fff;
  background-color:#f8c678; /*お好みの色に*/
  font-weight: 900;
  margin: 2.5em .5em 1.4em 0.5em!important;
  border-radius: 50px;
  padding: .23em 1em;
  font-size:1.02em;
  border:2px solid #f8c678; /*お好みの色に*/
  box-shadow: 0 2px 3px rgba(0,0,0,.02), 0 2px 3px -2px rgba(0,0,0,.15);
}
@media only screen and (min-width: 769px){
  #main h3.h-undeline{
    margin-bottom:0em!important;
  }
}
#main h3.h-undeline::before{
  content: "";
  position: absolute;
  top: 100%;
  left: 27%;
  border: .8em solid transparent!important;
  border-top: .8em solid #f8c678!important; /*お好みの色に*/
}

/************************************
** 記事下の関連記事の見出しにアイコンを
************************************/
#main h3.h-undeline {
  color:#999;
  background-color:initial;
}
@media only screen and (min-width: 769px){
  #main h3.h-undeline{
    margin-bottom:0em!important;
    padding-bottom:0;
  }
}
#main h3.h-undeline::before{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-family: "Font Awesome 5 Free"!important;
  content: "\f15c";
  color:#fff;
  background-color:#f8c678; /*お好みの色に*/
  display:inline-block;
  margin-right:4px;
  font-size:1.05em;
}