@supports (display: flex) {
    .b-footer_general_social {
        justify-content: flex-start;
        gap: 10px;
    }
}

.b-footer_general_social a.e-btn {
    position: relative;
    margin: 0;
    line-height: 0;
}

.b-footer_general_social a.e-btn svg {
    display: block;
    position: relative;
    fill: currentColor;
}

.b-footer_general_social a.e-btn img {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 22px;
    height: 22px;
    object-fit: contain;
    transform: translate(-50%, -50%);
    transform-origin: center;
    transition: filter 400ms;
}

.b-footer_general_social a.e-btn:hover img {
    filter: brightness(0) invert(1);
}