Wordpress changing element.style with CSS

Issue

I want to change the color of the social icons (on the left side of the screenshot). Since I have no clue how to change it in WordPress, I tried it with CSS. But now I noticed that I have to change the element. style and I don't know how... I tried just changing the color in the element. style and copying into the additional CSS in WordPress, but it doesn't work. On the screenshot, you can see what I mean. Is there a solution to this problem?

This is what I tried:

element.style {
    --wpz-social-icons-block-item-color: #FF0000;
    --wpz-social-icons-block-item-color-hover: #FF0000;
}

Solution

Please try with this following code in wordpress customizer > Additional CSS

.social-icon-link{
 --wpz-social-icons-block-item-color: black !important;
--wpz-social-icons-block-item-color-hover:
red !important;
}

Answered By - Noman