CSS conflict with all buttons

Hi

Your plugin is loading sms-alert.css file on the frontend. In that file, there is a rule which is targeting all elements with the class button.

.button {
    position: relative;
    border: none;
    outline: 0;
    cursor: pointer;
}

.button is a common class used by themes and woocommerce. And it is conflicting other such elements by removing the border or all buttons on the site.

You should be adding your plugin’s specific suffix to the class and use that in your CSS rule to get rid of such conflicts.

In my case, I am using blocksy theme with WooCommerce.