добавь в head

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no, maximum-scale=1.0">

Можно сделать так:

<div class="checkbox">
  <input type="checkbox" id="checkbox" class="checkbox__input">
  <label for="checkbox" class="checkbox__label"></label>
  <p class="checkbox__text">Lorem ipsum <a href="#">policy</a> aspernatur minima.</p>
</div>

Лейблу задаешь абсолютную позицию и растягиваешь на весь блок, а ссылке релатив и z-index выше чем у лейбла