.b-socials {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: normal;
    margin: 0;
    padding: 0;
    list-style: none
}

.b-socials a {
    position: relative;
    display: block;
    padding-bottom: 100%;
    width: 1.4rem;
    height: 0;
    background: currentcolor;
    -webkit-mask: no-repeat center/contain;
    mask: no-repeat center/contain;
    mask-mode: alpha
}

@media only screen and (max-width: 987px) {
    .b-socials a {
        width: 1.75rem;
        height: 1.75rem
    }
}

.b-socials a:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--color-accent-1);
    -webkit-clip-path: ellipse(30% 0% at 50% 100%);
    clip-path: ellipse(30% 0% at 50% 100%);
    transition: -webkit-clip-path .4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: clip-path .4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: clip-path .4s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-clip-path .4s cubic-bezier(0.215, 0.61, 0.355, 1);
    content: ""
}

.b-socials a:hover:before {
    -webkit-clip-path: ellipse(100% 100% at 50% 50%);
    clip-path: ellipse(100% 100% at 50% 50%)
}

.b-socials__tt a {
    -webkit-mask-image: url("../images/social-networks/tiktok.svg");
    mask-image: url("../images/social-networks/tiktok.svg")
}

.b-socials__fb a {
    -webkit-mask-image: url("../images/social-networks/fb.svg");
    mask-image: url("../images/social-networks/fb.svg")
}

.b-socials__ig a {
    -webkit-mask-image: url("../images/social-networks/insta.svg");
    mask-image: url("../images/social-networks/insta.svg")
}

.b-socials li:not(:last-child) {
    margin-right: 1.45rem
}