Merhaba,
Şöyle bir HTML kodumuz var:

<div class="butons">
  <button class="buton">
    <a href="https://exklusiv-wohnbau.de/immobilien">
        Eigentumswohnungen
    </a>
  </button>
</div>

Bu da CSS kodu

<style>
    .butons {
        text-align: center;
    }
  .buton > a {
    color: #0e233f;
  }
  .butons:hover {
    
  }
  .buton {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 20px;
        border: 2px solid #0e233f;
    background-color: white;
    padding: 15px;
  }
  .buton:hover {
    background-color: #0e233f;
  }
  .buton > a:hover {
    color: white;
  }
</style>

Sorum şu: ben fare ile div in üstüne geldiğimde arka plan rengi koyu renk oluyor ama yazı rengi değişmiyor. Yazı renginin değişmesi için yazının üstüne gelmek gerekiyor.
Kısaca: div in üstüne geldiğimde yazı renginin değişmesini istiyorum. Yukarı da ki kodlarda neleri değiştirmeliyim?