Как убрать чёрный бэкграунд за пределами бордера?

Question

[fapchat]

main article a{
  z-index: 2;
position: relative;
top: 40px;
 margin-right: 150px;
  border: 3px solid #fff;
  border-radius: 50px;
  color: white;
  padding: 10px 19px;


}main article a:hover{
  background: black ;
}

Это трудно заметить, но там за границей есть немного бэкграунда

Answer 1

[FeST1VaL]

Суть проблемы в том что ты стрелочку, которая по сути текст пытаешься растянуть до 56px, но блок получается не ровный, а так же ты округляешь 50px, а не 50%:


Я переделал main article a

Answer 2

[Сергей Карвасарный]

main article a {

border: 3px solid #fff; удали и будет счастье))