[class^="sharing-"] {
    display: inline-block;
    position: relative;
    z-index: 1;
    height: 100%;
    width: 1em;
    aspect-ratio: var(--ratio, 1);
    margin: 0 auto;
    background-color: currentColor;
    font-family: unset;
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: var(--scale, contain);
    mask-size: var(--scale, contain);
    -webkit-mask-position: center;
    mask-position: center;
}

.sharing-email {
    --icon-url: url(/client/lesaffaires/images/2025_webinaires/icons/email.svg);
    --ratio: 112 / 75;
}

.sharing-facebook {
    --icon-url: url(/client/lesaffaires/images/2025_webinaires/icons/facebook.svg);
    --ratio: 7 / 15;
    --scale: 50%;
}

.sharing-linkedin {
    --icon-url: url(/client/lesaffaires/images/2025_webinaires/icons/linkedin.svg);
    --ratio: 157 / 150;
}

.sharing-twitter {
    --icon-url: url(/client/lesaffaires/images/2025_webinaires/icons/twitter.svg);
    --ratio: 83 / 75;
}