CSS（aタグ）が反映されない

下記.introduce-btnとその中のaタグのCSSが反映されません。
理由が分かる方お願いします。

HTML
1
2	<div class="introduce-contents">
3				<div class="introduce">
4					<h1 class="introduce-heading">タイトル</h1>
5					<p class="introduce-text">テキスト</P>
6					<div class="intoroduce-btn">
7						<a href="#">ボタン</a>
8					</div>
9				</div>
10				<div class="introduce-img room">
11					<img  src="room.JPG">
12				</div>
13			</div>
14

CSS
1
2.introduce-contents{
3	display:flex;
4	flex-display:row;
5	height:500px;
6	margin:15px auto;
7}
8
9.introduce{
10	padding: 50px 80px;
11	height:500px;
12	width:35%;
13	
14}
15
16.introduce-heading{
17}
18
19.introduce-text{
20	margin:30px 0;
21}
22
23.introduce-btn{
24	background-color:#372d79 ;
25	width:50px;
26	height:30px;
27	width:70px;
28	height:30px;
29}
30
31.introduce-btn a{
32	text-decoration: none;
33	font-size:20px;
34}
35
36.introduce-img{
37    width:65%;
38    height:500px;
39}
40
41.introduce-img img {
42    width: 100%;
43    height:500px;
44}
45