リンクボタンが諸々の反応をしない

・リンクボタン(「資料請求」)がクリック出来ない
・リンクボタン(「資料請求」)がホバーの反応をしない
z-indexが絡んでる気がするのですが、分からず…
どなたか教えて頂けますと幸いです。
※リアクションが週明けになる可能性があります。

html
1            <article class="eyeCatch">
2                <div class="pcWrap">
3                    <div class="title">
4                        <p><strong>「業務を楽にして、収益をアップする」</strong></>
5                        <p>業務支援システム</p>
6                        <h1><img src="images/02_logo.svg" alt="ロゴ"></h1>
7                    </div>
8                    <a href="#k-support"><div class="button">資料請求</div></a>
9                </div>
10            </article>

css
1.eyeCatch{
2    width: 100%;
3    background-image: url(../images/02_eyeCatch_photo.png);
4    background-repeat: no-repeat;
5    background-size: cover;
6    background-position-x: 50%;
7    padding: 125px 0;
8    position: relative;
9    z-index: -2;
10}
11
12.eyeCatch::before{
13    content: "";
14    position: absolute;
15    top: 0;
16    left: 0;
17    width: 100%;
18    height: 100%;
19    background-color: #fff;
20    opacity: 0.7;
21    z-index: -1;
22}
23
24.title{
25    text-align: center;
26}
27
28.title p{
29    font-size: 18px;
30    margin-bottom: 10px;
31}
32
33h1 img{
34    width: 85%;
35    margin-bottom: 50px;
36}
37
38.button{
39    width: 180px;
40    margin: 0 auto 75px;
41    background-color: #ffa90d;
42    border-radius: 10px;
43    box-shadow: 0 6px 2px #bc780c;
44    text-align: center;
45    line-height: 50px;
46    font-size: 18px;
47    font-weight: bold;
48    color: #fff;
49    position: relative;
50}
51
52.button::after{
53    content: "";
54    position: absolute;
55    top: 0;
56    left: 0;
57    width: 100%;
58    height: 100%;
59    background-color: #fff;
60    border-radius: 10px;
61    box-shadow: 0 6px 2px #fff;
62    opacity: 0;
63}
64
65.button:hover::after{
66    opacity: 0.5;
67}