.footer-icon {
    width: 32px;
    height: 32px;
    transition: opacity 0.2s ease;
    color: var(--color-fg-font-normal)
}

html.theme-light .footer-icon {
    filter: brightness(0) saturate(100%) invert(0);
}

html.theme-dark .footer-icon {
    filter: brightness(0) saturate(100%) invert(1);
}

.footer-item:hover .footer-icon {
    opacity: 0.5;
}