.footer-social {
    display: inline-grid;
    width: 32px;
    height: 32px;
    place-items: center;
    margin-top: 5px;
    border-radius: 50%;
    background: #1877f2;
    color: #fff;
    transition: background .15s ease, color .15s ease;
}

.footer-social svg {
    width: 17px;
    height: 17px;
    fill: currentColor;
}

.footer-social:hover {
    background: #fff;
    color: #1877f2;
}

.footer-social:focus-visible {
    outline: 3px solid var(--lime);
    outline-offset: 3px;
}