Custom CSS for Widget Button – Need Assistance

Hi TabNav Team,

I’m using your accessibility widget on my WordPress site and I’d like to apply some custom CSS to adjust the button positioning and size. However, my CSS doesn’t seem to override the widget’s default styles.

Could you please advise on the best way to apply these custom styles?

.small-viewport.tr-button {
    width: 50px !important;
    height: 50px !important;
}

.tr-button {
    bottom: 0px !important;
    right: 20px !important;
}

I’ve tried adding this CSS in my theme’s custom CSS section, but the widget’s styles still take precedence.

Is there a recommended method or hook for customizing the button appearance?

Thank you for your help!

Best regards,
Tomitzu