按钮CSS不起作用：图标仍在中间

Question

我已经创建了一个按钮并设置了样式，但是标准按钮图标仍在中间

.button {
    position: absolute;
    left: 900px;
    top: 800px;
    background-color: red;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;

}

/*Hover CSS*/
.button:hover {
    background: white;
}

HTML代码：

<div class="button">
    <a href='cars.html'><button>ENTER</button></a>
</div>