我的所有CSS转换都在鼠标输出时突然结束

Question

我永远无法让我的CSS过渡工作鼠标开/关悬停。它在悬停时工作正常但不是相反。

.btn {
    border: 1px solid #5a5350;
    background: #FFF;
    color: inherit !important;
    padding: 3px 10px;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    -o-transition: background 0.5s ease-in-out;
    transition: background 0.5s ease-in-out;
}

.btn:hover {
    color: #FFF !important;
    background: #f79e43;
    border: 1px solid #f79e43;
}

我的代码有什么问题？

由于