#social {
    position: fixed;
    z-index: 999;
    left: var(--left, inherit);
    right: var(--right, inherit);
    bottom: var(--bottom, inherit);
    display: none
}

#social .btn-frame {
    position: relative;
    margin: 20px 0;
}

#social .btn-frame .pulsation {
    background: var(--background) !important;
}

.toolbar {
    background: var(--background);
    width: 100%;
    bottom: 0;
    position: fixed;
    z-index: 500;
    height: auto;
    left: 0;
    max-height: 65px;
    display: none;
    --size: 33px;
    -webkit-mask: radial-gradient(var(--size) at 55px 0px, #0000 99%, #fff 101%) 100%;

}

.toolbar ul {
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
    margin: 0
}

.toolbar-mobile ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px;
    margin: 0px;
    padding: 5px 0;
    padding-left: 100px;
    border-radius: 10px 10px 0px 0px;
}

.toolbar ul li {
    text-align: center;
    width: 25%
}

.toolbar ul li a {
    display: block;
    width: 100%;
    cursor: pointer
}

.toolbar ul li a img {
    width: 40px;
    animation: tada 1.2s infinite
}

.toolbar ul li a span {
    color: var(--color);
    font-size: 10px
}

.tada {
    animation: tada 1.2s infinite;
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }

    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }

    to {
        transform: scaleX(1)
    }
}