Enlevé le contour bleu lors du clique sur lien

Bonjour,

J'ai besoin de votre aide concernant un "liens".
Donc quand je clique sur le pouce pour liké c'est à dire le <a.../a> il s'entour en bleu j'aimerais qu'il n'y ai rien, aucune action..

j'ai tentais plusieurs manière mais rien..

a {
outline:none;
}
a:focus
{
outline-style: none;
}
a:focus
{
outline: none;
}
a:focus
{
outline: 0;
}

Une image pour visualisé à gauche quand je clique j'aimerais qu'il n'y ai rien comme celle de droite.

le code si au besoin merci

 <a href="{{ path('app_pin_like', {'id': pin.id}) }}" class="btn btn-link text-decoration-none pt-0 js-like-link">
                                {% if app.user and pin.isLikedByUser(app.user) %}
                                    <i class="bi bi-hand-thumbs-up-fill"></i>
                                {% else %}
                                    <i class="bi bi-hand-thumbs-up"></i>
                                {% endif %}
                                <span class="js-likes">{{ pin.likes|length }}</span>
                                <span class="js-label">Like</span>
                            </a>       

merci