Increase Image Button Size on Yikes Easy Form

I have an embedded Yikes Easy Form for Mailchimp on my Wordpress page (https://indigomarketingagency.com/supercharge-your-financial-advisory-business-with-our-seo-checklist/) and have opted for an image in place of a standard button. The image is being displayed, but it is super small. I've added the following custom css, but the image is still not resizing:

.yikes-easy-mc-form .yikes-easy-mc-submit-button-image
{
  width: 500px!important;
 }

What changes to the css do I need to make in order for the button image to be resized?

Solution

First of all the one thing that is blocking the image from being resized is max-width property and this property is something that is defined in the CSS of Yikes Form Button.

.yikes-easy-mc-form .yikes-easy-mc-submit-button-image {
    padding: 0;
    width: 99%;
    min-width: 150px;
    max-width: 243px;
}

So, according to me in order for you to resize the button image you may also need to override the max-width: 243px; in your custom CSS you may add another !important if required for this property.

.yikes-easy-mc-form .yikes-easy-mc-submit-button-image
{
    width: 500px!important;
    max-width: 1000px;
}