我有一个主页，上面有两个按钮，但其中一个不起作用。我尝试了很多东西，但没有任何效果。代码如下！我很抱歉上了几节德语课。如果需要CSS代码，请写在评论中。谢谢大家！
我试图在按钮上做一个悬停效果，但悬停效果只在“主题”按钮上。我试图将 corsur 更改为指针，但光标指针仅在“主题”按钮上，“开始”按钮什么都不做。但我把他们指向了同一个班级。我用谷歌搜索了 3 个小时。我找不到解决问题的方法。我是 html 的新手。我大约 30 天前学习了 html 和 css。所以我尝试了一个项目“A Quiz-Game”。
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<script src="main.js"></script>
<title>Flaggen-Quiz</title>
</head>
<body>
<div class="hauptmenü">
<div class="hauptmenü_text">
<h1 class="hauptmenü_h1">
Hauptmenü
</h1>
<h2 class="erklärung">
Das ist ein Flaggen-Quiz sie haben immer 4 Antwort Möglichkeiten, dabei ist nur eine RICHTIG!
</h2>
</div>
<div class="button_play_div">
<button class="button_play">
Start
</button>
</div>
<div class="button_dark_mode_div">
<button class="button_dark_mode">
Theme
</button>
</div>
</div>
</body>
</html>