.widget-menu {
    position: fixed;
    right: 0;
    top: 15vw;
    z-index: 998;
    display: flex;
    flex-direction: column;
    align-items: center;
    pointer-events: none
}

.widget-menu.active {
    pointer-events: all
}

.widget-link {
    width: 4.896vw;
    height: 5.052vw;
    border-radius: 15px 0 0 15px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    margin-bottom: .208vw;
    transform: translateX(158%);
    transition: .4s;
    color: #000;
    text-decoration: none;
}
.widget-link:hover{
    text-decoration: none;
}
.widget-link p{
    font-size: 0.6vw;
}
.widget-link img{
    max-width: 40%;
    margin-bottom: 8px;
}

.widget-menu.active .widget-link {
    transform: translateX(0)
}

.btn--burger-wrapper {
    position: relative;
    margin-top: -1.1vw;
    transition-duration: .5s;
    cursor: pointer;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .4s;
    width: 1.5625vw;
    height: 1.5625vw;
    background-color: #fff;
    pointer-events: all
}

.btn--burger {
    width: .625vw;
    height: .104vw;
    background-color: transparent
}

.btn--burger:after,
.btn--burger:before {
    content: "";
    position: absolute;
    display: block;
    width: .625vw;
    height: .104vw;
    background-color: #282728;
    transition: .4s
}

.btn--burger:before {
    top: .625vw;
    transform: rotate(-25deg)
}

.btn--burger-wrapper.active .btn--burger:before {
    transform: rotate(45deg);
    top: .78125vw
}

.btn--burger:after {
    bottom: .573vw;
    transform: rotate(25deg)
}

.btn--burger-wrapper.active .btn--burger:after {
    transform: rotate(-45deg);
    bottom: .677vw
}

@media (max-width:900px) {
    .widget-menu {
      bottom: 70px;
      top: auto;
    }
    .widget-link {
        width: 65px;
        height: 58px;
        margin-bottom: 2.8px
    }
    .widget-link img{
      margin-bottom: 0;
    }
    .widget-link p{
        font-size: 1.9vw;
        margin-top: 8px;
        margin-bottom: 0;
    }
    .btn--burger-wrapper {
        margin-top: -11px;
        margin-top: -1px;
        width: 15px;
        height: 15px
    }
    .btn--burger {
        width: 6.25px;
        height: 1.04px
    }
    .btn--burger:after,
    .btn--burger:before {
        width: 6.25px;
        height: 1.04px;
    }
    .btn--burger:before {
        top: 6.25px
    }
    .btn--burger-wrapper.active .btn--burger:before {
        top: 7.8px
    }
    .btn--burger:after {
        bottom: 5.7px
    }
    .btn--burger-wrapper.active .btn--burger:after {
        bottom: 6.8px
    }
}