Как убрать черную обводку div, обернутого в a, в Safari?

Имеются карточки, кликнув по которым можно куда-то перейти по ссылке. Разметка выглядит следующим образом:

<a href="url">
  <div>text</div>
</a>

У ссылки изначально следующие стили:

outline: 0;
background-color: transparent;
text-decoration: none;

У внутреннего div'a такие стили:

...
border: 1px solid grey;
...

Проще некуда, но в safari, при клике по карточке (посещении ссылки), обводка блока становится черным. Выглядит это примерно так:

Тогда как в chrome все работает нормально:

Я пробовал задавать/обнулять/переопределять свойства в псевдоклассах :link, :active, :visited, например:

a:visited {
 color: любой цвет; // меняется только цвет внутреннего текста, обводка остается неизменной
 border: none; // border: 0; border: 1px solid transparent;
 outline: 0; // outline: none;
}

Также пытался приоритизировать с помощью !important. Все безуспешно ?

В веб инспекторе safari все выглядит так, как будто цвет указывается только для верхнего бордера карточки..

Если подскажете в какую сторону смотреть, буду очень признателен, потому что на данный момент я в тупике. Не удивлюсь, если решение проблемы лежит на поверхности..