помогите с кодом нужно чтобы текст был жирным и зеленом

  {/* List-group */}
  <ul className="list-group todo-list">
    {filteredItems.map((item) => (
      <li
        key={item.key}
        className="list-group-item"
        onClick={() => handleItemDone(item.key)}
      >
        <span className={`todo-list-item ${item.isDone ? "done" : ""}`}>
          <span className="todo-list-item-label">{item.label}</span>

          <button
            type="button"
            className="btn btn-outline-success btn-sm float-right"
          >
            <i className="fa fa-exclamation" />
          </button>

          <button
            type="button"
            className="btn btn-outline-danger btn-sm float-right"
          >
            <i className="fa fa-trash-o" />
          </button>
        </span>
      </li>
    ))}
  </ul>