/* FLIPBOARD */
.bc-social-link-flipboard a.wp-block-social-link-anchor,
.bc-social-link-flipboard button.wp-block-social-link-anchor{
    svg{
        display: none;
    }
    position: relative;
    width: 24px;
    height: 24px;
    &:before{
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"%3E%3Cpath d="M0 0v24h24V0zm19.2 9.6h-4.8v4.8H9.6v4.8H4.8V4.8h14.4z"/%3E%3C/svg%3E');
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
    }
}

/* GOOGLE NEWS */
.bc-social-link-gnews a.wp-block-social-link-anchor,
.bc-social-link-gnews button.wp-block-social-link-anchor{
    svg{
        display: none;
    }
    position: relative;
    width: 24px;
    height: 24px;
    &:before{
        content: "";
        position: absolute;
        width: 24px;
        height: 24px;
        -webkit-mask: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M19.086%205.67V2.795a.61.61%200%200%200-.611-.607H5.524a.61.61%200%200%200-.616.607v2.834l8.39-3.052a.594.594%200%200%201%20.743.39l.544%201.498zm4.496%201.673-8.803-2.368.752%202.066h5.583a.614.614%200%200%201%20.613.613v8.795l2.247-8.366a.593.593%200%200%200-.392-.74m-21.312.31a.616.616%200%200%201%20.613-.612h12.155l-1.27-3.49a.595.595%200%200%200-.743-.383L.367%207.775a.594.594%200%200%200-.322.775l2.225%206.112zm0%200a.616.616%200%200%201%20.613-.612h12.155l-1.27-3.49a.595.595%200%200%200-.743-.383L.367%207.775a.594.594%200%200%200-.322.775l2.225%206.112zM21.267%2021.2a.614.614%200%200%201-.613.613H3.344a.614.614%200%200%201-.612-.613V8.116a.614.614%200%200%201%20.613-.613h17.309a.614.614%200%200%201%20.613.613zm-3.032-3.42v-1.195a.08.08%200%200%200-.08-.08h-5.373v1.362h5.373a.08.08%200%200%200%20.075-.054.1.1%200%200%200%20.005-.032m.817-2.587v-1.201a.08.08%200%200%200-.049-.075.1.1%200%200%200-.031-.007h-6.19v1.362h6.19a.08.08%200%200%200%20.058-.023.08.08%200%200%200%20.022-.059zm-.817-2.587V11.4a.08.08%200%200%200-.08-.08h-5.373v1.362h5.373a.08.08%200%200%200%20.08-.08zM8.15%2014.046v1.225h1.77c-.145.749-.804%201.292-1.77%201.292a1.976%201.976%200%200%201%200-3.95%201.77%201.77%200%200%201%201.253.491l.934-.933a3.14%203.14%200%200%200-2.187-.852%203.269%203.269%200%200%200%200%206.537c1.89%200%203.133-1.328%203.133-3.198a4%204%200%200%200-.052-.618z%22/%3E%3C/svg%3E');
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
    }
}

:is(.has-primary-color.bc-social-link-flipboard, .has-primary-color.bc-social-link-gnews) .wp-block-social-link-anchor{
    &:before{
        background-color: var(--wp--preset--color--primary);
    }
}

:is(.has-text-on-primary-color.bc-social-link-flipboard, .has-text-on-primary-color.bc-social-link-gnews) .wp-block-social-link-anchor{
    &:before{
        background-color: var(--wp--preset--color--text-on-primary);
    }
}

:is(.has-secondary-color.bc-social-link-flipboard, .has-secondary-color.bc-social-link-gnews) .wp-block-social-link-anchor{
    &:before{
        background-color: var(--wp--preset--color--secondary);
    }
}

:is(.has-text-on-secondary-color.bc-social-link-flipboard, .has-text-on-secondary-color.bc-social-link-gnews) .wp-block-social-link-anchor{
    &:before{
        background-color: var(--wp--preset--color--text-on-secondary);
    }
}