Form Grid donate button text is not visible on a white background

[canny[bot]]

Design updates to the Form Grid changed the presentation of the Donate button to be styled as a link. This is a design decision for the Form Grid moving forward.

As for the Shortcode it seems that the default text color for the Donate Button is set to white, presumably a carry over from text color styled as a button, but now the button text displayed as a link is not readable.

When the Form Grid is being used, there are a some display issues.

Block: There should be a Donate button (if the option is selected), but it is a link.

Shortcode: no link or button is showing.

A CSS workaround for the Block grid might look like this:

.give-form-grid button {
    border: 2px solid #28C77B !important;
    background: #28C77B !important;
    color: white;
    text-decoration: none;
    padding: 1rem!important;
    border-radius: 3px;
}    

.give-form-grid button span {
    text-decoration: none!important;
    color: white!important;

}

https://givewp.canny.io/admin/board/bug-reports/p/on-the-form-grid-the-donate-button-is-no-longer-a-button

[canny[bot]]

This issue has been linked to a Canny post: On the Form Grid the Donate button is no longer a button :tada: