bootstrapでlinkの色を変更したいです。

bootstrap5を使用しています。
ボタンの色を設定したいのですが、上手くいきません。
最初は文字を#333、背景#fff、ボーダーを#00A73C
ボタンをホバーしたときに文字を#fff、背景を#00A73Cへ変更したいです。

今、下記のように書いています。
最初の色は表示されるようになったのですが、ボタンをホバーしたときに色が変わりません。
正確には、文字の上にカーソルを持ってくれば色が変わるのですが、ボタンの上でhoverしたときに色が変わらない状態です。
ボタンをホバーしたときに文字色を#fffに変えたいです。

HTML
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>株式会社｜送信完了</title>
<meta name="description" content="サイトの説明文">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- スタイルシートはここから -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/queries.css">  
<link rel="icon" type="image/png" href="img/favIcon.ico">
</head>
<body">
<!------------------------------------------------------------------------------------------------------------------>
<header class="header py-1 fixed-top">
    <nav class="nav-bar">
        <div class="container-fluid d-flex justify-content-between align-items-center">
            <a href="index.html" class="navbar-brand"><img src="img/logo.png" alt=""></a>
            <ul class="nav">
                <li class="nav-item"><a href="index.html" class="nav-link">ホーム</a></li>
                <li class="nav-item"><a href="index.html#contents" class="nav-link">事業内容</a></li>
                <li class="nav-item"><a href="index.html#company" class="nav-link">企業情報</a></li>
                <li class="nav-item"><a href="recruit.html" class="nav-link">採用情報</a></li>
                <li class="nav-item"><a href="contact.html" class="nav-link">お問い合わせ</a></li>
            </ul>
        </div>
    </nav>
</header>
<!-- ハンバーガーメニュー -->
<div class="openbtn1"><span></span><span></span><span></span></div>
<nav id="g-nav">
<div id="g-nav-list"><!--ナビの数が増えた場合縦スクロールするためのdiv
<ul class="h1">
    <li class="nav-item py-2"><a href="#" class="nav-link">ホーム</a></li>
    <li class="nav-item py-2"><a href="#contents" class="nav-link">事業内容</a></li>
    <li class="nav-item py-2"><a href="#company" class="nav-link">企業情報</a></li>
    <li class="nav-item py-2"><a href="recruit.html" class="nav-link">採用情報</a></li>
    <li class="nav-item py-2"><a href="contact.html" class="nav-link">お問い合わせ</a></li>
</ul>
</div>
</nav>
<main>
<!------------------------------------------------------------------------------------------------------------------>

    <section class="results">
        <div class="container pt-5">
            <div class="row mt-5 py-5 text-center">
                <h4 class="pb-2">送信が完了しました。</h4>
                <p>後日、担当者から連絡させていただきますので、今しばらくお待ちください。</p>
            </div>
            <div class="d-grid gap-2 col-lg-4 col-md-8 col-10 mx-auto">
                <button id="btn" type="button" class="btn text-center">
                    <a href="index.html">トップへ戻る</a>
                </button>
            </div>   
        </div><!-- .container -->
    </section>

<!------------------------------------------------------------------------------------------------------------------>
</main>

<footer class="footer fixed-bottom">
    <nav class="nav-bar py-4">
        <div class="container d-flex justify-content-between">
            <div class="footer-contents">
                <h6>株式会社</h6>
                <p class="small">
                    <a href="privacyPolicy.html" target="_blank">プライバシーポリシー</a>
                </p>
            </div>
            <ul class="nav small">
                <li class="nav-item"><a href="index.html" class="nav-link">ホーム</a></li>
                <li class="nav-item"><a href="index.html#contents" class="nav-link">事業内容</a></li>
                <li class="nav-item"><a href="index.html#company" class="nav-link">企業情報</a></li>
                <li class="nav-item"><a href="recruit.html" class="nav-link">採用情報</a></li>
                <li class="nav-item"><a href="contact.html" class="nav-link">お問い合わせ</a></li>
            </ul>
        </div>
    </nav>
    <div class="text-center small py-4 border-top">
        Copyright
    </div>
</footer>
<!------------------------------------------------------------------------------------------------------------------>
<!-- javascript はここから -->	
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>

<script src="js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>

CSS
.btn{
    border: 2px solid #00A73C;
    border-radius: 20px;
}

.btn a{
    text-decoration: none;
    color: #333;
}
.btn a:hover{
    text-decoration: none;
    color: #fff;
}

.btn:hover{
    background-color: #00A73C;
    transition: 0.3s;
}