div.w_social_sharing[data-v-598d3d60] {
    display: flex;
    align-items: center;
    gap: 16px;
}

/*
 * The networks' brand rules allow their logos in one colour only as solid black or white, knocked-out parts
 * transparent, so the logo takes whichever of the two contrasts with the button colour.
 */
.social-icon[data-v-598d3d60] {
    --social-icon-size: 33px;
    --social-icon-surface: var(--icon-contrast-color);

    display: grid;
    place-items: stretch;
    box-sizing: border-box;
    inline-size: var(--social-icon-size);
    block-size: var(--social-icon-size);
    padding: calc(var(--social-icon-size) / 8);
    border-radius: 50%;
    color: oklch(from var(--social-icon-surface) clamp(0, (0.6 - l) * 1000, 1) 0 0deg);
    background-color: var(--social-icon-surface);
    box-shadow: 0 0 var(--drop-shadow-elements-range) 0 rgb(0, 0, 0, 0.2);
}
.social-icon[data-v-598d3d60]:hover {
        --social-icon-surface: var(--icon-color);
}
.social-icon[data-v-598d3d60]:focus-visible {
        outline: solid 2px var(--icon-color);
        outline-offset: 2px;
}
.social-icon > svg[data-v-598d3d60] {
        inline-size: 100%;
        block-size: 100%;
}

/* These logos fill their whole square, and a square only clears a circle when inset by about 15% of it. */
.social-icon[data-v-598d3d60]:is([data-icon="x-logo"], [data-icon="linkedin-logo"]) {
    padding: calc(var(--social-icon-size) / 4.5);
}
.social-icon[data-icon="instagram-logo"][data-v-598d3d60] {
    padding: calc(var(--social-icon-size) / 6);
}
.social-icon-disabled[data-v-598d3d60] {
    opacity: 0.35;
}