ボタンの色を変えたい

お世話になります。EC-CUBEのデフォルトで設定されているボタンの色を変えたいと考えていますが、上手くいかずに困っています。

https://demo4.ec-cube.net/products/detail/22

上記は公式サイトのでも画面です。

その中にある「カートに入れる」というボタンの色を、赤っぽいものから黒に変え、オンマウスの時、アクティブの時は濃いグレーにしたいと考えているものの、アクティブの時だけ赤が残ってる状態です。

上記ページの該当箇所のコード

<div class="ec-productRole__btn">
    <button type="submit" class="ec-blockBtn--action add-cart">
        カートに入れる
    </button>
</div>

これに対して、色を変えるべく追加したCSSのコード

button.ec-blockBtn--action {
    background-color: #000000;
    color: #fff;
    border-style: none;
}

button.ec-blockBtn--action:hover {
    background-color: #808080;
    color: #fff;
    border-style: none;
}

button.ec-blockBtn--action:active {
    background-color: #808080;
    color: #fff;
    border-style: none;
}

button.ec-blockBtn--action:visited {
    background-color: #808080;
    color: #fff;
    border-style: none;
}

上記で平常時の色、そしてオンマウスのときは指定通り変わりましたが、クリックしたときの色が変わらない状態です。

アドバイス頂けたら幸いです。
よろしくお願いいたします。