iPhoneでサイトを開くとフッターの文字列の©️の部分だけ文字色がつかない

前提・実現したいこと

パソコンのブラウザでは©️マークが白色になるのに、実機のスマホでみると黒色で変化しません。
他の文字は白色になります。
©️も白色にしたいのですがどうしたらいいでしょうか？
調べるとAndroidだとそういう現象が起きて対処法もあるようですが私のスマホはiPhoneSE2です。
Android用の対処方法にlang="ja"を消したりlang="ja"をlang="en"に変える方法があったので
iPhoneでも同じ結果にならないか試してみましたが結果は変わらず黒い文字色のままでした。

ちなみにサイトはサーバーにアップしていてローカルではありません。

該当のソースコード

<footer>
	<nav>
<ul>
	<li class="footer-menu-li1"><a href="">HOME</a></li>
	<li class="footer-menu-li1"><a href="">TEST1</a></li>
	<li class="footer-menu-li1"><a href="">TEST2</a></li>
	<li class="footer-menu-li1"><a href="">TEST3</a></li>
	<li class="footer-menu-li2"><a href="">TEST4</a></li>
	</ul>
	</nav>
<p class="coltd-p">©️2021 TEST COMPANY All Rights Reserved.</p>
</footer>

 footer {
    max-width: 100%;
    background: #b7b739;
    padding-top: 40px;
    padding-bottom: 40px;
	  
  }
	
	footer nav {
		display:block;
		margin:0 auto;
		width:95%;
	}
	
  footer ul {
    padding-left: 0;
    text-align: center;

  }
	
		footer nav a {
		text-decoration:none;
	}
  footer nav li a:hover {
    background-color: rgba(255, 255, 255, 0.75);
  }
  footer nav .footer-menu-li1 a {
	  padding-top:20px;
    display: block;
    height: 50px;
    width: 95%;
    color: white;
    border-bottom: solid 1px #fff;
    font-size: 3vh;
  }
  footer nav .footer-menu-li2 a {
	  padding-top:20px;
    display: block;
    height: 50px;
    width: 95%;
    color: white;
     font-size: 3vh;
  }
  footer .coltd-p {
    text-align: center;
    margin-top: 20px;
    font-size: 11px;
  }