checkbox

Я ознакомлен и принимаю условия договора

ссылка, ну-ка, нажмите на меня
<style>
#link {
  position: relative;
  color:#000000
}
#link a {
  pointer-events: none;
}
#link:hover:before {
  display: block;
  content: "Подтвердите своё согласие с условиями договора";
  position: absolute;
  top: 0; left: 50%;
  transform: translate(-50%, calc(-100% - 10px));
  border-radius: 3px;
  padding: 10px;
  background: #808080;
  box-shadow: 0 0 2px;
}
#link:hover:after {
  display: block;
  content: "";
  position: absolute;
  top: 0; left: 50%;
  transform: translate(-50%, -50%);
  border-style: solid;
  border-width: 10px;
  border-color: #808080 transparent transparent transparent;
}
#linkDa:checked ~ #link a {
  pointer-events: auto;
}
#linkDa:checked ~ #link:after, #linkDa:checked ~ #link:before {
  content: none;
}
</style>
<input type="checkbox" id="linkDa"/><label for="linkDa">Я ознакомлен и принимаю условия договора</label><br>
<span id="link"><a href="#">ссылка</a></span>