我无法弄清楚如何获取按钮：在CSS中使用悬停功能

Question

我试图获取按钮：悬停功能在我的CSS中工作，但不知何故它没有出现。

这是我的HTML：

<div class="slide second">
    <a href="javascript:window.open(window.clickTag)">
    <button>Meer Informatie</button>
    <img src="na.jpg" alt="hartautoverhuur" border=0/> </a>
</div>

这是我的CSS：

button {
    display: inline-block;
    position: absolute;
    margin-left: 155px;
    margin-top: 200px; 
    padding: 8px;
    padding-right:15px;
    padding-left:15px;
    background-color: #002B49;
    color: #fff;
    border: none;
    border-radius: 0px;
    font-size: 13px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    transition: all .2s ease-in-out; 
}

button:hover { 
    transform: scale(1.1); 
}

我希望有人可以帮助我！