<div class="wcpt-editor-option-row wcpt-toggle-options" wcpt-model-key="style">

  <div class="wcpt-editor-row-option wcpt-toggle-label">
    Column style options
    <?php wcpt_icon('chevron-down', 'wcpt-toggle-icon'); ?>
  </div>

  <!-- text-align -->
  <div class="wcpt-editor-option-row">
    <label>Text align</label>
    <select wcpt-model-key="text-align">
      <option value="center">Center</option>
      <option value="left">Left</option>
      <option value="right">Right</option>
      <option value="justify">Justify</option>
    </select>
  </div>

  <!-- vertical-align -->
  <div class="wcpt-editor-option-row">
    <label>Vertical align</label>
    <select wcpt-model-key="vertical-align">
      <option value="middle">Middle</option>
      <option value="top">Top</option>
      <option value="baseline">Baseline</option>
      <option value="bottom">Bottom</option>
    </select>
  </div>

  <!-- font-size -->
  <div class="wcpt-editor-option-row">
    <label>Font size</label>
    <input type="text" wcpt-model-key="font-size" placeholder="16px">
  </div>

  <!-- font-weight -->
  <div class="wcpt-editor-option-row">
    <label>Font weight</label>
    <select wcpt-model-key="font-weight">
      <option value="normal">Normal</option>
      <option value="bold">Bold</option>
      <option value="lighter">Lighter</option>
    </select>
  </div>

  <!-- font-color -->
  <div class="wcpt-editor-option-row">
    <label>Font color</label>
    <input type="text" wcpt-model-key="color" placeholder="#000" class="wcpt-color-picker">
  </div>

  <!-- text-transform -->
  <div class="wcpt-editor-option-row">
    <label>Text transform</label>
    <select wcpt-model-key="text-transform">
      <option value="none">None</option>
      <option value="uppercase">Upper case</option>
      <option value="capitalize">Capitalize</option>
      <option value="lowercase">Lower case</option>
    </select>
  </div>

  <!-- letter-spacing -->
  <div class="wcpt-editor-option-row">
    <label>Letter spacing</label>
    <input type="text" wcpt-model-key="letter-spacing" placeholder="0px">
  </div>

  <!-- background-color -->
  <div class="wcpt-editor-option-row">
    <label>Background color</label>
    <input type="text" wcpt-model-key="background-color" class="wcpt-color-picker">
  </div>

  <!-- width -->
  <!-- <div class="wcpt-editor-option-row">
    <label>Force width</label>
    <input type="text" wcpt-model-key="width" />
  </div> -->

  <!-- padding -->
  <div class="wcpt-editor-option-row">
    <label>Padding</label>
    <div class="wcpt-flex-option-container">
      <input type="text" wcpt-model-key="padding-top" placeholder="top">
      <input type="text" wcpt-model-key="padding-right" placeholder="right">
      <input type="text" wcpt-model-key="padding-bottom" placeholder="bottom">
      <input type="text" wcpt-model-key="padding-left" placeholder="left">
    </div>
  </div>

</div>