title: link_to and :hover not working on my rails app
body: <p>Here is my button</p>
  <pre><code>&lt;%= link_to &quot;Contact Me&quot;, contact_path, class: &quot;btn btn-flat&quot; %&gt;
  </code></pre>
  <p>Here is my CSS</p>
  <pre><code>.btn-flat {
    color: white;
    padding: 8px 24px;
    border-radius: 4px;
    background: #1EDD88;
    transition: background 0.3s ease;
  }
  
  .btn-flat:hover {
    background: red;
    color: white;
  }
  </code></pre>
  <p>that exact path works in my navbar so not sure why it isn't working here. effects like :after weren't working either. I have used other classes besides 'btn' as well so it is not related to bootstrap overriding anything.</p>