Here is my current CSS:
button {
background: @button-background;
color: @text;
&.focus {
background-image: linear-gradient(#79d858, #569e3d);
border-color: #4a993e;
color: white;
}
}
How can I create additional CSS for when the button has both .focus and :hover states? Please keep in mind that .focus is a class manually added to the button and not related to its focus status. Thank you!