Bootstrap を導入したらCSSで書いているボタンが消える

Bootstrap を利用しようと思い、HTMLファイルに以下を書き込みました。

そうしたところ、以下のようにHTMLとCSSに書き込んで作ったボタンが消え、hoverすると表示されるようになってしまいました。上記の書き込みを削除すると元に戻ります。

これは何故でしょうか？

宜しくお願い致します。

HTML
1        <div class="btn">
2          <a href="#">お問い合わせ/資料請求はこちら</a>
3        </div>

CSS
1.btn {
2  width: 318px;
3  height: 44px;
4  border: 1px solid #D84940;
5  background-color: #D84940;
6  border-radius: 25px;
7  text-align: center;
8  display: inline-block;
9  float: right;
10  margin-right: 70px;
11}
12
13.btn a {
14  text-decoration: none;
15  color: #ffffff;
16  font-size: 14px;
17  display: block;
18  height: 100%;
19  padding-top: 10px;
20}
21
22.btn:hover {
23  background-color: #cc473d;
24}

miyabi_pudding

2019/10/04 11:09

おそらく、なので、回答ではなくこちらに書きます。 HTMLに記載しているclassのどれかが、bootstrapでの定義のclassと被っており、それが、なんらかのプロパティで、非表示にしている可能性があります。あと、コードはコードブロックに記載してください。 <code>ボタンでコードブロック生成のための文字列が出てきます。

miyabi_pudding

2019/10/04 11:38

質問修正、ありがとうございます。 bootstrapにて、クラス名が被っているかどうかは調べてみましたか？