Plug-in conflict with shortcode & other potential plugins

First, thank you for this plugin and for your continued support!

We recently added this plug-in to our site and afterward noticed that the text on any of our website button graphics generated by shortcode were no longer centered on the button, but pushed off to the right. If I deactivated your plugin, the text re-centered properly.

We had contacted our theme support who pinpointed the issue and offered the suggestion shown below — they determined that this code in your plug-in was the culprit:

The plugin css file –> http://ourwebsitename.com/wp-content/plugins/easy-facebook-likebox/public/assets/css/public.css

And suggested the following change to resolve the problem — edit/remove the following css code:

.responsive, .responsive span, .responsive span iframe[style], .responsive span img {
width: 100% !important;
}

replace with this:

.fb-like-box.responsive, .fb-like-box.responsive span, .fb-like-box.responsive span iframe[style], .fb-like-box.responsive span img {
width: 100% !important;
}

The reasoning concluded that due to many themes now using .responsive with span elements, that a 100%important setting could easily affect other plugins too, not just yours, possibly negatively — therefore better to code to your own plugin’s container to keep isolated and avoid potential problems inadvertently caused elsewhere in responsive themes.

Their suggestion did solve the problem we had.

Thank you again for your continued developer support and awesome plugin!

https://wordpress.org/plugins/easy-facebook-likebox/