footer {
    display: flex;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
    background: #282828;
    padding: 48px;
}

footer a img {
    width: auto;
    height: 32px;
    vertical-align: middle;
    filter: brightness(0%) invert(100%);
}

footer a:hover img {
    filter: invert(20%) sepia(60%) saturate(4712%) hue-rotate(1deg) brightness(110%) contrast(109%);
}

footer a:focus-visible img {
    filter: invert(20%) sepia(60%) saturate(4712%) hue-rotate(1deg) brightness(110%) contrast(109%);
}