WhatsApp icon problem

Hello, you must correct some tags of your css. Paste this code into the custom CSS of your theme:

svg > path {
    stroke: none;
}

svg {
    width: fit-content;
    position: initial;
    top: 92px;
    right: 46px;
    z-index: 999;
}

.whatsappme__copy a, .whatsappme__copy a:active, .whatsappme__copy a:hover {
    color: inherit!important;
    text-decoration: none;
}

Tell me how it worked??
Best Regards

Hi friend.
I forgot this??

svg:hover > path {
    stroke: none;
}

Hello again, so as not to affect other elements of your website, please use the tags in this way. ??

.whatsappme svg > path {stroke: none;}
.whatsappme svg {width: fit-content; position: initial; top: 92px; right: 46px;}
.whatsappme svg:hover > path {stroke: none;}
.whatsappme__copy a, .whatsappme__copy a:active, .whatsappme__copy a:hover {color: inherit!important; text-decoration: none;}

Hello again and thank you for your quick reply. I tried the third option you gave me. Well..it’s an improvement, but it still needs a little tweaking. Please take a look at the picture below to see the problem after i inserted the code into the custom CSS file. On Mozilla Desktop works great, On Desktop Chrome the WhatsApp icon is smaller and in the Mobile Chrome version the icon is now rectangular instead rounded.
Thank you

https://ibb.co/4JgXQkN

Replace with this:

.whatsappme svg > path { stroke:none; }
.whatsappme svg { position:static; }
.whatsappme svg:hover > path { stroke:none; }
.whatsappme__header svg { width:fit-content; }
.whatsappme__copy a, .whatsappme__copy a:active, .whatsappme__copy a:hover { color:inherit!important; text-decoration:none; }

Hello,
It worked like a charm now ??
Thank you very very much!