我怎样才能在CSS中制作这种按钮

Question

我一直在互联网上寻找东西，最后转向stackoverflow寻求帮助。帮我在CSS中制作这种按钮。

<a class="btn btn-lg btn-white smooth-scroll" href="#" role="button" title="Know More">Know More</a>

.btn-white {
    background-image: url("../images/button.png");
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    font-weight: 500;
    text-align: right;
    font-size: 15px;
}

我在背景中使用图像，效果不好。