@layer site {
.content-block--social.layout-grid-0 .content-block-body, .content-block--social.layout-grid-0:not(:has(.content-block-body)) {
    font-size: 0;
    line-height: 1;
}
.content-block--social:not(.layout-grid-0):not(.layout-grid-tablet-0):not(.layout-grid-mobile-0) .layout-grid {
    display: inline-grid;
}
.content-block--social .layout-grid {
    grid-column-gap: var(--grid-column-gap,5px);
    grid-row-gap: var(--grid-row-gap,5px);
    grid-template-columns: var(--grid-template-columns);
    justify-content: var(--justify-content,center);
    justify-items: var(--justify-content,center);
}
.content-icon.social-link {
    font-size: var(--icon-size,25px);
    height: calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em));
    line-height: var(--icon-size,25px);
    width: calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em));
}
.social-link {
    --site-social-icon-icon-color: #fff;
    align-items: center;
    background-color: #69727d;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    text-align: center;
}
.social-link i {
    color: var(--site-social-icon-icon-color);
}
.social-link svg {
    fill: var(--site-social-icon-icon-color);
}
.social-link:last-child {
    margin: 0;
}
.social-link:hover {
    color: #fff;
    opacity: .9;
}
.layout-social-icon-facebook {
    background-color: #3b5998;
}
.layout-social-icon-instagram {
    background-color: #262626;
}
.layout-social-icon-youtube {
    background-color: #cd201f;
}
}