<style>
a.custom-link {
  color: #000000; /* Normal durumda kullanılacak renk */
  text-decoration: none; /* Alt çizgiyi kaldırma */
}

a.custom-link:hover {
  color: #FF0000; /* Üzerine gelindiğinde kullanılacak farklı renk */
}
</style>

<a href="http://r10.net" class="custom-link">link</a>


<style>
.button {
  display: inline-block;
  padding: 10px 20px;
  background-color: green;
  color: white;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.button:hover {
  background-color: white;
  color: green;
}
</style>

<a href="http://r10.net" class="button">link</a>