Change link color within a markdown block

Pretty new at this and have a markdown block in which I have a link.  I want to change the color of the link and put the following in the block but it still remains the same color as the other text in the markdown block.  Last 10 lines (approx) of this code.  Any help?

<div class="legend"><div class="item">
    <img src="https://static1.squarespace.com/static/620beb509a658c7a242f355b/t/62d6d806ef35aa522d1b1def/1658247174317/orange+terminal.png">
    <p>Airport Info</p>
  </div>
  <div class="item">
    <img src="https://static1.squarespace.com/static/620beb509a658c7a242f355b/t/62d6d862ef35aa522d1b338b/1658247267090/car.png">
    <p>Car(s)</p>
  </div>
  <div class="item">
    <img src="https://static1.squarespace.com/static/620beb509a658c7a242f355b/t/62d6d82076c98f741169cab1/1658247200023/fork-and-knife-png-3680.png">
    <p>Restaurants</p>
  </div>
 
  <div class="item"> 
   <img src="https://static1.squarespace.com/static/620beb509a658c7a242f355b/t/62d6d89fc89e4a6a339263c4/1658247327829/hotel.png">
    <p>Hotels</p>
  </div>
  <div class="item">
    <img src="https://static1.squarespace.com/static/620beb509a658c7a242f355b/t/62d6dd7cc28d2f5e8a436b6a/1658248572302/aqua+comments+icon.png">
    <p>Comments</p>
  </div>
   <div class="item">
   <img
src="https://static1.squarespace.com/static/620beb509a658c7a242f355b/t/633a38fd2e30ef2923452068/1664760061694/TX+Main+Street+Icon+10.1.22.png">
     <p>&nbsp;Certified Texas Main Street City <span style="text-decoration:underline;color:#E1DB5F;"> [Learn more][1]</span>
  </p>
   </div>
</div>

[1]: /texas-main-street-cities

The following bit confuses the markdown processor.

<span style="color : red;">
  [Learn more][1]
</span>

So you would end up having to do the following.

<a href="/texas-main-street-cities" style="color : red;">
  Learn more
</a>

If the learn more is all you are trying to use Markdown for, then in this case, you're better off just using a code block to save the unnecessary markdown processing.