#icon-facebook:not(:hover) {
    #facebook-circle {
        fill: #fff;
    }

    #facebook-logo {
        fill-opacity: 0;
    }
}

#icon-twitter:not(:hover) {
    #twitter-circle {
        fill: #fff;
    }

    #twitter-logo {
        fill-opacity: 0;
    }
}

#icon-youtube:not(:hover) {
    #youtube-frame {
        fill: #fff;
    }

    #youtube-play {
        fill-opacity: 0;
    }
}

#icon-linkedin:not(:hover) {
    #linkedin-circle {
        fill: #fff;
    }

    #linkedin-logo {
        fill-opacity: 0;
    }
}

#icon-tiktok:not(:hover) {
    #tiktok-circle {
        fill: #fff;
    }

    #tiktok-magenta-1,
    #tiktok-magenta-2 {
        fill: #fff;
    }

    #tiktok-cyan-1,
    #tiktok-cyan-2 {
        fill-opacity: 0;
    }

    #tiktok-logo {
        fill-opacity: 0;
    }
}

#icon-instagram:not(:hover) {
    #instagram-background use {
        fill-opacity: 0;
    }
}