title: How can I style the link in the following code
body: <pre><code>&lt;p class="butonat"&gt;
  &lt;a href="#"&gt;&lt;span class="color1"&gt;Learn More&amp;nbsp;&lt;/span&gt;&lt;/a&gt;
  </code></pre>
  
  <p>I tried the following <code>css</code> but didn't work:</p>
  
  <p><strong>CSS</strong> (added from comment post by OP):</p>
  
  <pre><code>.butonat a.color1 { 
     font-size:16px; 
     font-family:'Source Sans Pro', FontAwesome, sans-serif; 
     font-weight:normal; 
     text-decoration:none; 
     text-align:center; 
     color:#fff; 
  }
  </code></pre>