SendGrid style-guide editable segment terms

segment-terms-editable.html

<div class="segment-term-wrap">
  <p class="segment-term-title">Entry Criteria</p>
  <div class="segment-term is-editable has-separator">
    <div class="segment-term-inputs">
      <div class="input-select-wrap">
        <!-- select markup -->
      </div>
      <div class="input-select-wrap">
        <!-- select markup -->
      </div>
      <div class="input-select-wrap">
        <!-- select markup -->
      </div>
      <div class="segment-condition">
        <p>within the last</p>
        <div class="input-text-wrap">
          <!-- text input markup -->
        </div>
        <div class="input-select-wrap">
          <!-- select markup -->
        </div>
      </div>
    </div>
    <div class="btn-list">
      <a class="btn btn-small btn-trash" href="#"><i class="sg-icon sg-icon-trash"></i></a>
    </div>
  </div>
  <div class="btn-list">
    <a class="btn btn-secondary has-icon" href="#"><i class="sg-icon sg-icon-plus"></i> Add Condition</a>
  </div>
</div>