.arrow-up, .arrow-up_svg, .arrow-up_svg_head, .arrow-up_svg_line {
    transition: all .25s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.arrow-up {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    width: 36px;
    height: 36px;
    position:fixed;
    /*right: 50px;
    bottom: 50px;*/
    border-radius: 18px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.arrow-up_svg {
    transform: rotate(90deg);
}

.arrow-up .arrow-up_svg_head {
    transform: translateX(5px);
}

.arrow-up_svg_line {
    transform-origin: 100% center;
    transform: translateX(5px) scale(0, 1);
}

.arrow-up:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

.arrow-up:hover .arrow-up_svg_head {
    transform: translateX(0px);
}

.arrow-up:hover .arrow-up_svg_line {
    transform: translateX(0px) scale(1, 1);
}