[Dúvida] Remover cor AZUL ao clicar em um link <a>

Olá. Estou com um problema ao clicar no link, pois aperece um fundo azul padrão da tag e ainda não consegue remover. Esse efeito está sobrepondo o estilo que havia definido antes. Na minha estilização o fundo fica laranja, conforme na imagem. Como faço para remover esse azul? HTML

`<figure class="equipamento">
            <legend class="equipamento-titulo">Boom Díesel</legend>
            <a href="" class="equipamento-link">

                <img class="equipamento-imagem" src="assets/boom-diesel.png" alt="Boom Díesel">
            </a>
        </figure>`

**CSS**

`.equipamento-imagem:hover{
background-color: var(--fundo-laranja);
transform: scale(1.1);

}

.equipamento-imagem:active{ background-color: var(--fundo-laranja); border-radius: 10px; transform: scale(1.02); }

.equipamento-link:active{ background-color: transparent; outline: none; } `