Button Styling - Stuck!

Beaver Builder
1

Having trouble styling the buttons. Im trying to integrate them into the existing theme styling. How do i get the text color to change on roll over.

.fl_builder_content .fl_node_content .fl-button {
    background-color: #F00;
    border: 4px solid #8A1111;
}
.fl_builder_content .fl_node_content .fl-button:hover  {
    background-color: #008000;
    border: 4px solid #055F05;
}

Using this to change button rollover. But when i get to the text:

.fl_builder_content .fl_node_content a.fl-button:hover  {
    color: #055F05;
    
}

Makes the button text change color only when it is hovered on. I found this article but i came across the same issue: http://forum.wpbeaverbuilder.com/support/q/custom-default-bb-plugin-button-styles/

2

Hi MonkeySon,

Can you try the following CSS, please.

.fl-builder-content a.fl-button .fl-button-text {
    color: #F00;
}
.fl-builder-content a.fl-button .fl-button-text:hover {
    color: #008000;
}

Thanks,
Danny