如何修复Safari浏览器中的CSS样式兼容问题？

CSS样式在Safari浏览器中显示异常，但在其他浏览器中均可正常渲染。以下是相关代码及截图：

电话链接样式 #

.link-g
  width: 100%
  color: $white
  font-family: Inter
  font-size: $m16
  font-style: normal
  font-weight: 400
  line-height: 146%
  text-decoration: none
  margin-top: 0

含电话的页脚代码 #

<div className="contact-group">
        <FontAwesomeIcon className="icon" icon={faPhone} />
        <a className="link-g" href="tel:+1 (312) 972-3890">
          +1 (312) 972-3890
        </a>
      </div>

地址链接代码 #

<div className="contact-link-container mt32">
                  <FontAwesomeIcon icon={faLocationDot} className="fa-icon" />
                  <a href="" className="contact-link">
                    5516 N Major Ave Chicago IL 60630{" "}
                  </a>
                </div>

地址链接样式 #

.contact-link
  color: $orange
  text-align: right
  font-family: Inter
  font-size: clamp(10px,1.0416vw,40px)
  font-style: normal
  font-weight: 400
  line-height: normal
  margin-left: $m8

内容的提问来源于stack exchange，提问作者Ruslan Makhmatov