How to remove button hover background color transparent

Hi Sir, I want to set the button hover background color and I refer this link:

https://kriesi.at/support/topic/button-remove-background/

But the effect is not I want, I set the background color #009ee1, but the actual effect is #45b6e6. I know maybe because of the transparent, but I don’t know how to remove the transparent.

Following is the code I used:

.transparent-button a.avia-button {
    color:#009ee1 !important;
    background: transparent !important;
    border: 2px solid #009ee1 !important;
}

.transparent-button .avia-button:hover {
    color: #ffffff !important;
    background-color: #009ee1 !important;
    background:RGBA(0,158,225,1) !important;
    border: 2px solid #009ee1 !important;
}