Андрей Федоров

Можно сделать, но только через js.

<a onclick="location='[ваш линк]';">
  <a href="tel:[ваш телефон]" onclick="event.stopPropagation();">[телефон]</a>
</a>

CSS perspective
У этого способа есть преимущества - рамка и тень делаются стандартными CSS свойствами.

Заголовок "Наши преимущества" принципиально неверный. Он не является уникальным и не влияет на ранжирование в поиске". "Преимущества компании Хитрый Том" - это гораздо лучше.
Длинный текст хоть и уникален, но такие фразы как "Что мы делаем" и "Читайте ниже" играют скорее в минус.

Относительно самого текста "это компания быстрого выполнения заказов, разной степени сложности". Это бесполезный бред. Я не знаю что вы делаете в принципе, зачем мне знать, что вы делаете неизвестно что быстро и это неизвестно что может иметь разную сложность? Здесь крайне важно конкретизировать:
быстрое выполнение? "заказ будет выполнен за 1 час или вернем деньги"
разная сложность? "нет наценки за сложные условия работы"
Т.е. нужно указывать совершенно конкретные ценности для клиента.
А воды клиент и без вас начитается...

пропускает нижние выносные элементы

Это можно отменить с помощью свойств text-decoration-skip и text-decoration-skip-ink

и не подлежит редактированию

Это что значит?

Метод blur - https://learn.javascript.ru/focus-blur
Но лучше бы переделать всю эту кухню на добавление класса.

img:hover {
filter: brightness(200%) sepia(100%);
}

https://codepen.io/aliencash/pen/qBbRoGg?editors=1100

https://codepen.io/aliencash/pen/pojOoRp?editors=1100

https://codepen.io/aliencash/pen/PoPaWVR?editors=1100

Погуглите "css transform skew".

Просто добавьте еще 2 скрытых li в меню - https://jsfiddle.net/g5069a8L/

ps: Можно даже один. Работать будет - https://jsfiddle.net/twh9fsv5/