Register new icon as a theme icon social icon color

Hi,

I need to change the hover color of the circle for my new icon. For some reason the style is not applying.

I added this to my child theme

// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
	$icons['phone']	 = array( 'font' =>'fontello', 'icon' => 'ue802');
	return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
	$icons['phone'] = 'phone';
	return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

and i’m using this css for the circle

#top #wrap_all .av-social-link-phone:hover a {
    background-color: red;
    color: white;
}