.nook-task-documents {

  .nook-task-documents-header {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
  }

  [af-join] [af-repeat-item], .af-repeat-add-btn {
    margin-left: 2rem!important;
  }

  [af-join] [af-repeat-item] {
    border: var(--crm-border);
    border-radius: var(--crm-l-radius);
    background-color: var(--nook-grey-light);
    padding: 1rem;
    /* leave space for absolutely positioned remove button */
    padding-right: 3rem;
    margin-bottom: 0.5rem;
  }

  .nook-flex-align-start af-field {
    flex-grow: 1;
  }

  af-field[name=url] input, af-field[name=label] input {
    width: 100%;
  }

  .af-repeat-add-btn, .af-repeat-remove-btn {
    background: none!important;
    color: var(--nook-grey-darkest)!important;
  }

  .af-repeat-remove-btn {
    margin: 0!important;
    padding: 0.5rem!important;
    /* override fa-ban with fa-trash */
      i::before {
      content: "\f1f8"
    }
  }
}