title: How to style text of submit button
body: <p>I have a link styled as follows:</p>
  
  <pre><code>&lt;style&gt;
    .addNew{
      background-color: #FFF;
      display: block;
      margin-top: 10px;
      padding: 20px;
      color: #08c;
      border:3px dashed #08c;
      cursor: pointer;
      width: 100%;
      box-sizing: border-box;
      font-size: 1em;
    }
  &lt;/style&gt;
      &lt;a class='addNew'&gt;
              &lt;i class="fa fa-plus" &gt;&lt;/i&gt; Add new 
              &lt;span style='text-decoration:underline'&gt;Object&lt;/span&gt;
      &lt;/a&gt;
  </code></pre>
  
  <p>I am using a span-tag inside the text and a <a href="http://fontawesome.io/" rel="noreferrer">font-awesome icon</a>.
  How can I use this for an submit button? I tried this:</p>
  
  <pre><code>&lt;input type='submit' class='addNew' value="Add new Object"&gt;
  </code></pre>
  
  <p>But I have no idea how to style the text of the submit button.
  <a href="https://i.stack.imgur.com/axtRE.png" rel="noreferrer"><img src="https://i.stack.imgur.com/axtRE.png" alt="enter image description here"></a></p>