How to convert the checkbox to a button with not changing the checkbox functionality

For this as example of checkbox is sometimes worked as toggle function but in the button it will not happen so for that we need to update the checkbox to button without changing the functionality of checkbox .

<div>
  <!-- <button class="personalize-view-label" data-action="view-imprint" for="personalize-view-checkbox"> -->
  <input type="Checkbox" id="personalize-checkbox" name="personalize-checkbox" class="personalize-view-checkbox"
    data-action="show-personalize-option" style="display: none;">
  <label for="personalize-checkbox">{{translate 'Personalize Your Check'}}</label>
  <!-- <h2>{{translate 'Personalize Your Check'}}</h2> -->
  <!-- </button> -->
</div>