Hi there!

Thanks for your query.

Please use the following code in your custom CSS:

body .sppb-btn:before, body .sppb-sp-slider-button .sp-slider-btn-text:before {
    border: none;
}
body .sppb-btn:after, body .sppb-sp-slider-button .sp-slider-btn-text:after {
        background-color: darkslategrey;
}

Hope this will serve your purpose! Please use your desired color within the above code as hover color.

Note: Path towards custom CSS(Joomla 3): Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

Thanks it's works

BUT The size of hover effect it's bigger than the size of the buton.

How can i do the same size llike a standard hover effect?

Thanks