Странные рамки слева и сверху. Как исправить?

Question

[targyn]

Изначально, этих рамок не видно, после того как наводишь на кнопку и убираешь курсор тоже не видно, но если после всех этих манипуляций я навожу курсор на вкладку браузера или щелкаю по мыши допустим на панель они появляются. В чем причина данной проблемы?

Код: jsfiddle.net/zo376vku

Comments

[Yupiter7575]

Совершил те же действий с каждой кнопкой, и достиг результата -
ничего не произошло

[targyn]

Yupiter7575, странно...

[Yupiter7575]

targyn, Да и кст в инспекторе гугл у элемента (включая наследование) вообще нет не аутлайнов, не бордеров, и вообще нет такого цвета в стилях. Каким браузеров вы пользуетесь?

[targyn]

Yupiter7575, хром, у меня цвет этой рамки принимает от hover'а. И да я уже везде посмотрел, с другого браузера Microsoft edge тоже заходил, такая же проблема остаётся

[targyn]

Yupiter7575, спасибо за попытку помочь, решил вопрос)

Answer 1

[targyn]

Решил проблему, когда убираю свойство border-radius проблема исчезает.
Заменил значение border-radius в % на px