[Bootstrap]ボタンにリンクを埋めるにはどうしたらいいのか

Bootstrapで作ったボタンをリンクに！

以下のコードで、Bootstrapで作成したボタンがリンクになりました。

 <div class="button" style="margin:10px 15px;">
　　　　<%= link_to "Log in",new_user_session_path,class:"btn btn-primary btn-block"%>
　</div>
       
<div class="button" style="margin:0 15px;">
<%= link_to "sign up", new_user_registration_path,class:"btn btn-secondary btn-block"%>
</div>

ボタンを押すと、log inページ、sign upページへ飛ぶようになりました。

以下は、ここに至るまでの失敗です。。

失敗..その１ ボタン全体がリンクにならない

コード

<button class="btn btn-secondary btn-block" type="button"><%= link_to "sign up", new_user_registration_path %></button>

画面　ボタンはできたし、リンクも埋めた..なんか青くなってる...
ボタンの余白（文字以外のところ）押してもリンクには飛んでくれない状態...

多分、ボタンを作って、その中にリンクを作ってるからダメなんだろうな。

失敗..その２ ボタンの中にボタンができた...

<button><%= link_to "Log in",new_user_session_path,class:"btn btn-primary btn-block"%></button>

こんな感じ↓↓ ボタンタグで囲ったからボタンが出来てしまったよう。。