Social icons color (hover)

I’m trying to give social icons their native colors (on :hover)
.td-icon-telegram:hover { color:#0088CC!important; }
.td-icon-facebook:hover { color:#4267B2!important; }
//doesn't work at all without !important
But when I hover I get theme color first, and only after animation finishes I get my color.

• This topic was modified 5 years by ibasher.
• This topic was modified 5 years by ibasher. Reason: styling

Figured it out. Just needed to use correct selectors.
.tdm-social-item:hover .td-icon-telegram {
color: #0088CC !important;
}
.tdm-social-item:hover .td-icon-facebook {
color: #4267B2 !important;
}