Link normalization issue

by Bacher

HTML

<a href="#">
  <div class="card">
    HELLO
    <div>
      some content
    </div>
    <div>
    tent to be displayed just as text
    </div>
    <div>
    but it inherit link styles
    </div>
  </div>
</a>

CSS

a {
  font-weight: bold;
  
  &:hover {
    text-decoration: underline;
  }
}

.card {
  width: 200px;
  height: 100px;
  padding: 10px;
  border: 1px solid black;
  border-radius: 10px;
}