<div class="control-icon" data-action="lethal-gain-hp-hud">
  <img
    class="lethal-hp-gain-hud"
    src="systems/fvtt-lethal-fantasy/assets/icons/health-increase.svg"
    width="36"
    height="36"
    title="Restore HP"
  />

  <div class="hp-gain-wrap hp-gain-wrap-col1 hp-gain-hud-disabled">
    {{#for 1 11 1}}
      <button
        class="hud-gain-hp-button-select gain-hp-hud-click"
        data-hp-value="{{this}}"
      >
        <span class="">+{{this}}</span>
      </button>
    {{/for}}
  </div>

  <div class="hp-gain-wrap hp-gain-wrap-col2 hp-gain-hud-disabled">
    {{#for 11 21 1}}
      <button
        class="hud-gain-hp-button-select gain-hp-hud-click"
        data-hp-value="{{this}}"
      >
        <span class="">+{{this}}</span>
      </button>
    {{/for}}
  </div>

  <div class="hp-gain-wrap hp-gain-wrap-col3 hp-gain-hud-disabled">
    {{#for 21 31 1}}
      <button
        class="hud-gain-hp-button-select gain-hp-hud-click"
        data-hp-value="{{this}}"
      >
        <span class="">+{{this}}</span>
      </button>
    {{/for}}
  </div>

</div>