How to apply different styles for feedback forms called by the same plugin?

Question

JavaScript

Hello, I'm making a website on the Storefront theme. The problem here
I made a pop-up callback form using the easy fancybox plugin and contact form-7, according to the article , everything works well.
I need another form for another “leave feedback” button, but I can’t figure out how to try on a different style for another button, the form is called by the #fancybox selector, to which I can’t apply 2 different css, and if in class = "..." prescribe something other than fancybox the form stops working.
I found such a solution, but I don’t know how to connect it, as far as I understand, 2 selectors are set here and then each can be assigned its own css, but I can’t figure out how to connect it correctly:
$(.target1).fancybox({wrapCSS: 'style1' });
$(.target2).fancybox({wrapCSS: 'style2'});
Can you please tell me how to add this code? through in the child theme in functions.php it didn’t work, although maybe I did something wrong.

Answer 1

The solution is:
In the class we enter: "fancybox myclass"
and in the CSS: a.fancybox.myclass