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

Question

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

	<div class="introduce-contents">
				<div class="introduce">
					<h1 class="introduce-heading">タイトル</h1>
					<p class="introduce-text">テキスト</P>
					<div class="intoroduce-btn">
						<a href="#">ボタン</a>
					</div>
				</div>
				<div class="introduce-img room">
					<img  src="room.JPG">
				</div>
			</div>

.introduce-contents{
	display:flex;
	flex-display:row;
	height:500px;
	margin:15px auto;
}

.introduce{
	padding: 50px 80px;
	height:500px;
	width:35%;
	
}

.introduce-heading{
}

.introduce-text{
	margin:30px 0;
}

.introduce-btn{
	background-color:#372d79 ;
	width:50px;
	height:30px;
	width:70px;
	height:30px;
}

.introduce-btn a{
	text-decoration: none;
	font-size:20px;
}

.introduce-img{
    width:65%;
    height:500px;
}

.introduce-img img {
    width: 100%;
    height:500px;
}

Answer 1

intoroduce-btn
introduce-btn

並べれば一目瞭然

定義したものはコピペで使うのが間違いなく対応する手段です。

Comments

[sanayaaan]

失礼いたしました。。ありがとうございました！

[m.ts10806]

どの言語においても、
定義したものはコピペで使うのが間違いなく対応する手段です。