title: How to control the colors of a download link on an HTML page
body: <p>I'm trying to create a download button with HTML, CSS and (hopefully) Bootstrap.</p>
  <p>The button works, but the text with the anchor tag is very faded.</p>
  <p>In my header I have this:</p>
  <pre><code>&lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css&quot;&gt;
  </code></pre>
  <p>and in the Styles section I have this:</p>
  <pre><code>.btnx {
    border: none;
    background-color: inherit;
    padding: 14px 28px;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
  }
   
  .btnx {
    background-color: DodgerBlue;
    border: none;
    color: white;
    padding: 12px 30px;
    cursor: pointer;
    ont-size: 20px;
  }
  
  /* Darker background on mouse-over */
  .btnx:hover {
    background-color: RoyalBlue;
  }
  </code></pre>
  <p>(I used btnx so as not to screw up other buttons until I have this down correctly)</p>
  <p>The code is quite simple:</p>
  <pre><code>&lt;button class=&quot;btnx&quot;&gt;&lt;i class=&quot;fa fa-download&quot;&gt;&lt;/i&gt;Download the file&lt;/button&gt;
  &lt;button type=&quot;button&quot; class=&quot;btnx&quot;&gt;&lt;i class=&quot;fa fa-download&quot;&gt;&lt;/i&gt; 
  &lt;a href=&quot;/pathtodownloadfile&quot;&gt;Download the File&lt;/a&gt;&lt;/button&gt;
  &lt;p&gt;
  &lt;a href=&quot;images/Portfolio.pdf&quot; class=&quot;btnx&quot; download&gt;&lt;i class=&quot;fa fa-download&quot;&gt;&lt;/i&gt;Download CV&lt;/a&gt;
  &lt;/p&gt;
  </code></pre>
  <p>The problem is: the first one, without the anchor, the text is not bad but the white could be brighter (bolder)
  But the second one, with the anchor tag, the text is a blue.
  The third one works but the unselected element's background is faded.</p>
  <p>Is there a way to use the anchor tag and keep the text bright white?</p>
  <p><a href="https://i.stack.imgur.com/bbNTm.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bbNTm.jpg" alt="enter image description here" /></a></p>