Problem about styling a button at css

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

.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;

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


Try border instead of outline


Thank you very much. I tried it and it works

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

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