Rounded buttons on hover in colour section

Hi,

I am wanting to have the buttons set to a rounded shape however when on hover they show the square edges. I am completing this for a footer template in a colour section.

I did have this corrected on another site through this support link here:
https://kriesi.at/support/topic/rounded-button-on-hover-not-showing/

However when I have applied the same CSS it is not working as intended?

/*—————————————-
// CSS – rounded buttons + hover
//————————————–*/
a.avia-button {
border-radius:30px !important;
}

#top .main_color .avia-color-theme-color-highlight {
border-radius: 30px!important;
}

Any assistance is appreciated.

Cheers
John