Border-bottom Почему в виде трапеции?

Question

[Артём Елисейкин]

#travel_guide{
	font-size: 17px; 
	font-family: "PTSans Bold";
	color: rgb(112, 112, 112);
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 4px solid #6017a3;
	box-shadow: -1px 1px 8px rgb(0, 0, 0, 0.10);
	background-color: white;
	transform: translate(0px, -157px);
	width: 90px;
	padding-left: 45px;
	padding-right: 32px;
	padding-top: 60px;
	padding-bottom: 35px
}

#travel_guide:hover{
	border-bottom: 12px solid #701dbb;
	transform: translate(0px, -169px);
}

Это свойства текста.
Но рамка почему-то в виде трапеции:

Comments

[Артём Елисейкин]

На изображении не особо заметно, но вот зато у меня очень даже...

[Lord_Dantes]

Артём Елисейкин, попробуйте убрать строчки border-left: 1px solid white;
border-right: 1px solid white;

[Артём Елисейкин]

slave, Сейчас попробую

[Артём Елисейкин]

slave, Большое спасибо:) В дальнейшем учту это

[Lord_Dantes]

Артём Елисейкин, если не сложно отметьте решением.

[Шохрух Шаймардонов]

Артём Елисейкин, отметьте ответ как решение, чтобы остальным помогло. А то многие обходят схожие вопросы без решения(не только без ответов)

[Артём Елисейкин]

slave, slave, Сори забыл... Я просто тут новенький не привык ещё:)

Answer 1

[Meakin]

уберите границы (border-left/border-right)

Answer 2

[Lord_Dantes]

Попробуйте убрать строчки

border-left: 1px solid white;
border-right: 1px solid white;