.magitbas-bar {
    position: fixed;
    bottom: 50px;
    right: 3%;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.magitbas-bar.active {
    display: flex;
}

.magitbas-bar .open-contacts {
    text-decoration: none;
    cursor: pointer;
    width: 50px;
    height: 51px;
    background: url(../images/open-feedback.svg) no-repeat;
}

.magitbas-bar .open-contacts.hide {
    display: none;
}

.magitbas-bar .gotop {
    text-decoration: none;
    cursor: pointer;
    width: 50px;
    height: 51px;
    background: url(../images/top.svg) no-repeat;
}

.magitbas-bar .contacts {
    display: flex;
    flex-direction: column;
    gap: 15px;
    display: none;
}

.magitbas-bar .contacts.show {
    display: flex;
}

.magitbas-bar .wh, .magitbas-bar .tl, .magitbas-bar .max, .magitbas-bar .feedback, .magitbas-bar .close {
    display: block;
    text-decoration: none;
    width: 50px;
    height: 51px;
    cursor: pointer;
    position: relative;
}

.magitbas-bar .wh {
    background: url(../images/block-scroll-icon2.svg) no-repeat;
}

.magitbas-bar .tl {
    background: url(../images/block-scroll-icon3.svg) no-repeat;
}

.magitbas-bar .max {
    background: url(../images/block-scroll-icon4.svg) no-repeat;
}

.magitbas-bar .close {
    background: url(../images/block-scroll-close.svg) no-repeat center center, url(../images/block-scroll-close-bg.svg) no-repeat center center;
}

.magitbas-bar .feedback {
    background: url(../images/block-scroll-icon1.svg) no-repeat;
}

.magitbas-bar .feedback span, .magitbas-bar .wh span, .magitbas-bar .tl span, .magitbas-bar .max span {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: #56C5FC;
    border-radius: 555px;
    padding: 18px 65px 18px 18px;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 14px;
    white-space: nowrap;
    z-index: -1;
    display: none;
    align-items: center;
}

.magitbas-bar .feedback:hover span, .magitbas-bar .wh:hover span, .magitbas-bar .tl:hover span, .magitbas-bar .max:hover span {
    display: flex;
}

.magitbas-bar .tl br, .magitbas-bar .wh br, .magitbas-bar .max br {
    display: none;
}