子テーマのスタイルシートの最後に、以下のようにお書きになっています。

/************************************
 ● アピールエリアのボタンの文字を白にする
************************************/
.appeal-content .appeal-button {
	color: #fff;
}

本来は、これで白くなるはずです。

但し、先程かかせていただいた、閉じ括弧が抜けていたため、その場所より後ろのCSSが全部無効になっていました。
（平たく言えば、エラーということです）

そのため、最後に書かれているCSSも、適用されていませんでした。

今回閉じ括弧を修正した（エラーを解消した）ことにより、適用されるようになりました。

【追記】

閉じ括弧が漏れていた場所以降には、結構な量のCSSが書かれていました。
そのため、今回閉じ括弧を追加してエラーを解消しましたので、他のCSSも適用されるようになっていると思います。

インストール早速しました！そして　}　も追加しました。そんな細かいところが抜けているなんて、私では見つけられなかったと思います。ありがとうございます。

って、あれっ！？

最初の問題＝ボタンの文字が白　が解決いたしました！

本当にどうもありがとうございます。大変お世話になりました。

（引き続き解決すべき問題がまだ数件ありますので、もしかしてまだお世話になるやもしれません）

凄い早朝にお付き合い下さり、重ね重ねありがとうございました。

ちなみに、「Cocoon設定」－「全体」－「キーカラー」の、サイトキーテキストカラーに#353535を設定なさっているかと思います。

こちらは、変更しなくないということでよろしいでしょうか。

現状これが適用されて、アピールエリアのボタンの文字色が黒く見えるのだと思います。
（但し、これはアピールエリアのボタン以外にも適用されるものですので、これを変えると、他にも変わる部分があると思います）

【追記】

直りましたね。

子テーマのスタイルシートのCSSが当たったようです。
良かったです。

また、WordPressの日本語環境においては、以下のプラグインは必須といえます。

WP Multibyte Patch
https://ja.wordpress.org/plugins/wp-multibyte-patch/

インストールなさることを強くお勧めします。

上記もインストールしてくださいね。
（今回の件とは関係ありませんが）

ありがとうございます。

とりあえず、以下にところに閉じ括弧（半角の"}"）がないみたいです。

そのため、「/* 目次のデザインカスタマイズ */」以降はすべて無効になっています。

----------------------------------------------
サイト名：算命学を使った人生戦略作戦会議
サイトURL：https://kayo-ruhe.com
ホームURL：https://kayo-ruhe.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン：6.1.1
PHPバージョン：7.4.33
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：de-DE,de;q=0.9,en-US;q=0.8,en;q=0.7,ja;q=0.6
----------------------------------------------
テーマ名：Cocoon
バージョン：2.5.6.2
カテゴリー数：20
タグ数：0
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.0.8
style.cssサイズ：8601バイト
functions.phpサイズ：203バイト
----------------------------------------------
Gutenberg：0
AMP：1
PWA：0
Font Awesome：5
Auto Post Thumbnail：1
Retina：1
ホームイメージ：/wp-content/uploads/2020/03/Top画像表題入りPNG1.jpg
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：1
----------------------------------------------
利用中のプラグイン：
Ad Invalid Click Protector 1.2.7
Akismet Anti-Spam 5.0.2
BackWPup 4.0.0
Booking Package SAASPROJECT 1.5.77
Category Order and Taxonomy Terms Order 1.7.4
Contact Form 7 5.7.3
Converter for Media 5.7.1
Google XML Sitemaps 4.1.7
Jetpack 11.8.3
Regenerate Thumbnails 3.1.5
WordPress Ping Optimizer 2.35.1.3.0
WP ULike 4.6.5
----------------------------------------------

外観 → テーマファイルエディタ のページの　Cocoon Child: スタイルシート (style.css)　のところですよね？
私の方では消したのですが、そちらからご覧になると消えていませんか？
あと font-weight のところも消してみました。細かく見て下さりありがとうございます。

最新の環境情報を取得して、貼り付けていただけますでしょうか。

少し不可解なところがあるもので。

以下ご対応をお願いします。

ただ、子テーマのスタイルシートの最下部に以下のようなものがあります。

/******************************
<?php
// 広告クローラーエラー対処：404 とプレビュー画面で AdSense を表示しない
if ( !is_preview() ){
?>
 ******************************/
 
<!-- AdSense のコード-->
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins 
...
></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
 
<?php
}
?>

/******************************
 ● レスポンシブ広告
*********************************/

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-xxxxxxxxxxxxxxxx"
     crossorigin="anonymous"></script>
<!-- 広告単位の名前（？） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
     data-ad-slot="9625831821"
     data-ad-format="auto"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

上記を削除するとどうなるか、お試しいただけますでしょうか。

スタイルシートはCSSを書く場所ですので、phpやscriptは書かないでください。

【追記】
書いてはいけません。