Маленькая линия гиперссылки рядом с прозрачной кнопкой, на которую наложено изображение. ⇐ CSS

[Anonymous]

Я заметил небольшую строку, которая появилась после того, как я сделал кнопку: когда вы нажимаете на логотип социальной сети, она переходит в социальные сети с этим конкретным логотипом, которые у меня есть на этой платформе. Я хочу знать, как удалить эту строку.
Добавлена ​​кнопка с гиперссылкой для перехода на одну из моих социальных сетей. Сделал кнопку прозрачной и удалил ее границу. После нажатия на кнопку не должна была появиться небольшая синяя линия.
Вот фотография того, как она выглядит с красным кружком вокруг нее:
введите здесь описание изображения< /p>
Вот мой код:
HTML:



[*]


ZINCO




ZINCO'S INNER MACINATIONS


Welcome to the Socials!


You are currently on the Socials page!
\/If your wanting to see more about me you should check out out the tabs below!\/

• Home
• Socials
• Portfolio

• 
  
  
  
  
• 

ZINCO





CSS:

body{
background-image:url('images/star_blink.gif');
background-position: center;
background-size: cover;
color: white;
}
header {
font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
text-align: center;
}
section {
color:white;
text-align: center;
display: flex;
}
h1 {
font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
text-align: center;

}
h2 {
font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
color:white;
text-align: center;
}
h3 {
font-family:'Courier New', Courier, monospace;
color: white;
text-align: center;
}
ul {
margin: 0;
padding: 0;
list-style-type: none;
}
li {
display: inline-block;
margin: 20px;
}
p {
font-family:'Courier New', Courier, monospace;
color: white;
text-align: center;
}
footer {
color: white;
text-align: center;
}
div {
background: black;
display: inline-block;
width: 100px;
margin: auto;
}
#tumblr {
max-width: 50px;
max-height: 50px;
}
#discord {
max-width: 50px;
max-height: 50px;
}
button {
background-color: transparent;
border: none;
cursor: pointer;
}
/* unused style*/
.column {
flex: 33.33%;
padding: 5px;
}
.row::after {
content: "";
clear: both;
display: table;
}
#copyright {
float: left;
padding-left: 10px;
padding-top: 10px;
text-align: center;
bottom: 0px;
width: 100%;
}


Подробнее здесь: https://stackoverflow.com/questions/785 ... yed-on-top