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

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

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

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

<!-- padding -->
<div class="wcpt-editor-row-option">
  <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>

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