I formatted your code: .iq-button-toggle.inverted:not(.locked) .iq-button:focus, .iq-button-toggle.inverted:not(.locked) .iq-button:hover, .iq-button-toggle:not(.locked) .iq-button:focus, .iq-button-toggle:not(.locked) .iq-button:hover { border-color:rgba(60,60,60,.7); background-color:inherit; color:inherit; } If you add "!important" after each of those colors it might work. or you could use more precise CSS selectors. Also see this for more info: https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
... View more