Css <；a>；标签工作不正常

我有一个

元素，浏览器可以识别它，因为当我把它放在元素上时指针会改变，在浏览器的左下角会出现URL，但当我单击它时浏览器不会导航

以下是HTML代码：

<div class="service-box style2">
  <div class="iconbox-style2">
    <div class="inner">
      <i class="fa fa-circle-o"></i>
    </div>
  </div> 
  <h4>Loren</h4>
  <p>Loren ipsum .-......</p>
  <a href="loren.html" class="button gray">Info</a>
</div> 

---

有什么想法吗？提前非常感谢

我的感觉是，类

gray

用于为按钮提供禁用状态。请尝试改用以下代码：

<a href="loren.html" class="button">Info</a>

---

看看有人将该类命名为“灰色”，而实际上该类最重要的功能是“禁用”，这会造成多少麻烦和混乱。

<a href="loren.html" class="button">Info</a>