버튼_테두리+hover+밑줄없애기

▶텍스트 가운데로 / 밑줄 없애기 / 테두리만들기(모서리 동그랗게)

 

결과

.btn {
    width: 300px;
    height: 40px;
    border: 2px solid #e8344e;

    text-align: center;
    line-height: 40px;

    text-decoration: none;
    color:#e8344e;

    font-weight: bold;
    
    border-radius: 150px;
}

▶Hover

.btn:hover {
    color: white;
    background-color: #e8344e;
}