В кнопке кликабельный только текст

Делал по инструкции из интернета, но при наэатии в облась кнопки она не нажимается. Только при нажатии на текст. Может кто нибудь подскажет ?

<button type="button" class="button"><a href="index.html">Вернуться на главную ↷</button>


.button {
border: none;
border-radius: 7px;
padding: 10px 25px;
background: #ff9900;
cursor: pointer;
text-transform: uppercase;
font-weight: bold;
color: white;
}