title: Why are my styles getting removed when I try to print a webpage in Chrome or Firefox?
body: <p>I am not able to figure out why my button styles/colors are getting removed when I try to print my webpage. I am using bootstrap for some of my styles. <a href="https://i.stack.imgur.com/bbu78.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bbu78.png" alt="My Webpage"></a>
  <a href="https://i.stack.imgur.com/NMDAb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NMDAb.png" alt="Print Screen"></a></p>
  
  <pre><code>.button.primary {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 18px;
      line-height: 1.8rem;
      background-color: #EEB111;
      color: #FFF;
      font-weight: 600;
      text-decoration: none;
      outline: 0;
  }
  </code></pre>