Progateの問題で親要素のcolorが反映される要素と反映されない要素について

CSSについてです。.top-wrapper　セレクタに　color: white　を指定しました。
h1、p 要素には反映されるのですが、a要素には反映されません。何故でしょうか？

HTML
1</head>
2<body>
3  <!-- ここにコードを書いていきましょう -->
4  <header>
5    
6  </header>
7  
8  <div class="top-wrapper">
9    <div class="container">
10      <h1>LEARN TO CODE.<br />
11      LEARN TO BE CREATIVE.</h1>
12      <p>Progateはオンラインプログラミング学習サービスです。<br />
13      初心者にもやさしいスライドとレッスンで、ウェブサービスを作りながらプログラミングを学んでいきましょう。</p>
14      <a href="" class="btn signup">新規登録はこちら</a>
15      <p>or</p>
16      <a href="" class="btn facebook"><i class="fa fa-facebook" aria-hidden="true"></i>Facebookで登録</a>
17      <a href="" class="btn facebook"><i class="fa fa-twitter" aria-hidden="true"></i>Twitterで登録</a>
18    </div>
19  </div>
20  
21</body>
22</html>
23

CSS
1/* CSSのリセット（消さないでください） */
2html, body,
3ul, ol, li,
4h1, h2, h3, h4, h5, h6, p, div {
5  margin: 0;
6  padding: 0;
7}
8
9body {
10  font-family: 'Hiragino Kaku Gothic ProN W3', sans-serif;
11}
12
13li {
14  list-style: none;
15}
16
17a {
18  text-decoration: none;
19}
20
21/* ここからCSSを書いていきましょう */
22.top-wrapper {
23  background-image: url(https://prog-8.com/images/html/advanced/top.png);
24  padding: 180px 0 100px 0;
25  color: white;
26  text-align: center;
27}
28
29.container {
30  margin: 0 auto;
31  padding: 0 15px;
32  width: 1170px;
33}
34
35.top-wrapper h1 {
36  opacity: 0.7;
37  font-size: 45px;
38  letter-spacing: 5px;
39  color: white;
40}
41
42.top-wrapper p {
43  padding-bottom: 15px;
44  opacity: 0.7;
45}
46
47.btn {
48  padding: 8px 24px;
49}
50