How to style text of submit button
<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>