Color Section Button Hover

I used the code below for the button hover at the bottom of my homepage under the section “Attention to Detail” Everything works the way I want it to except that when the button is hovered, the blue background has an opacity to it. How can I make it so that this button does not have an opacity when it is hovered and is solid color the other buttons are on hover? Thanks!

.clear-button a.avia-button {
background: transparent !important;
border: 3px solid white !important;
}

.clear-button a.avia-button:hover {
   color: white !important;
    border-color: #188ece !important;
     background: #188ece !important;
}

.clear-button a.avia-button { color: white; }