Problem about styling a button at css

Code Help HTML/CSS/JS
1

As you can see my button has a black line inside the white outline and I can’t do anything to remove it.


https://replit.com/@TasosKhatzes/website-hotel?v=1

.learn-btn {
	transition: 0.7s;
	width: 170px;
	height: 55px;
	border-radius: 40px;
    outline: 2px solid white;
    color: black;
    background-color: transparent;
    font-family: Arial;
	font-size: 25px;
    position: absolute;
    top: 45%;
    left: 50%;
}

.learn-btn:hover {
	background-color: #ffffff;
}
2

I don’t see anything, can you upload a screenshot?

2 Likes
3

my_website
my_website1889×967 108 KB

4

Try border instead of outline

2 Likes
5

Thank you very much. I tried it and it works

6

You have border: 2px solid white;
Edit: Wait nevermind :slight_smile:

7

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.