.sociallinks {
    --list-item-display: inline;
    --icon-size: 32px;
    --icon-padding: var(--spacing-s);
    --margin-top-paragraph: var(--spacing-s);
    --margin-top-list-item: 0;
    --margin-bottom-list-item: 0;

    gap: var(--spacing-s);
    flex-wrap: wrap;
    display: flex;
}

.sociallinks__item {
    display: var(--list-item-display);

    a {
        display: flex;

        &:focus-visible {
            outline: 2px solid var(--link-color);
            box-shadow: none;
        }
    }
}