Необычное поведение браузеров Opera и Mozilla на Android, а именно посмотрите как отображается в Хроме (так же отображается на всех десктопных браузерах, даже ИЕ):
Вот как отображается в Firefox:
Opera:
Как сделать кросс-браузерно?
Вот CSS для кнопки:
.button.center, .button.center *{
background-color: #F60056 !important;
text-decoration: none;
color: #fff;
border-radius: 10px;
transition: 1s ease;
}
.button.center:hover, .button.center:hover *{
background-color: #fff !important;
text-decoration: none;
color: #F60056;
transition: 1s ease;
}
Простой
