اجرا نشدن mouse hover

[programregister]

سلام من یه mouse hover نوشتم . اما مشکلی که هست اینه که فقط تو مرورگر فایرفاکس کار میکنه و در مرورگرهای کروم و اپرا کار نمیکنه.
از دوستان کسی هست بگه مشکلش کجاست و چطور این مشکل رو حل کنم. ممنون
کدش رو این پایین میزارم.

.exit-btn{

    

    margin-right:100px;

    margin-top:30px;  

    width: 80px;

    height: 30px;

    font-family: Vazir-Medium;

   font-size:16px;

    font-weight: bold;

    color: #fff;

    background-color: #acd6ef; /*IE fallback*/

    background-image: -webkit-gradient(linear, left top, left bottom, from(#acd6ef), to(#6ec2e8));

    background-image: -moz-linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);

    background-image: linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);

    border-radius: 30px;

    border: 1px solid #66add6;

    box-shadow: 0 1px 2px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .5);

    cursor: pointer;  





    }

    

    

    

.exit-btn:hover {

    background-image: -webkit-gradient(linear, left top, left bottom, from(#b6e2ff), to(#6ec2e8));

    background-image: -moz-linear-gradient(top left 90deg, #b6e2ff 0%, #f44336 100%); 

    background-image: linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);

   

}

[firebox]

مشکلی نداره ، توی کروم و اپرا درست کار میکنه.
https://jsfiddle.net/yju39bdt/

[programregister]

مشکلی نداره ، توی کروم و اپرا درست کار میکنه.
https://jsfiddle.net/yju39bdt/

ولی برای من هیچ واکنشی و تغییر رنگی نمیده تو کروم. ببین . تمام اون کدا رو که تو لینک فرستادی عینا کپی کردم. تصویرش هم موجوده ؟!!؟
button.jpg