1️⃣ Locate the concerned tag
The goal is to go to the model you want and click on the block containing the underlined tag in your model.
2️⃣ Open the source code of your block
Then open the source code of your block.
Next, locate the <a</a> tag that surrounds your link. In this case, we will take the {{mobile}} tag as an example.
3️⃣ Modify the code
The goal is to modify the code to add a style variant. Here is the example to follow:
<a style="color: #FF0000; text-decoration: none;" href="tel:{{mobile}}">{{mobile}}</a>
You need to add the "text-decoration: none;" tag in the code which will remove the underline from the text.
It is also possible that your code displays this when opened.
<a style="text-decoration: underline;" href="tel:{{mobile}}">{{mobile}}</a>
It is therefore only necessary to change the word "underline" to "none".
Here is the final rendering of this modification: