.svg-icon.small,
.svg-icon.small svg
{
    display: inline-block;
    width: 1rem;
    height: 1rem;
    fill: var(--icon-fill);
}

.svg-icon.smaller,
.svg-icon.smaller svg
{
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    fill: var(--icon-fill);
}

.svg-icon,
.svg-icon svg
{
    display: inline-block;
    width: 22px;
    height: 22px;
    fill: var(--icon-fill);
}

.svg-icon.active,
.svg-icon.active svg {
    fill: var(--icon-fill-active);
}

.svg-icon use {
    width: 100%;
    height: 100%;
}

body.share-news a[data-fancybox] ,
body.share-st a[data-fancybox] {
    text-decoration: none;
}

body.share-news a[data-fancybox] img ,
body.share-st a[data-fancybox] img{
    width: 225px;
    height: 225px;
    object-fit: contain;
    margin-bottom: 1.5rem;
}