#qodef-back-to-top {
    position: fixed !important;
    height: 70px;
    right: 30px;
    bottom: 40px;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 10000;
    color: #111 !important;
    width: unset !important;
}

#qodef-back-to-top .qodef-back-to-top-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    overflow: hidden;
    transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out

}

#qodef-back-to-top .qodef-back-to-top-icon * {
    display: block;
    line-height: inherit
}


#qodef-back-to-top.qodef--predefined svg {
    display: block;
    width: 70px;
    height: 35px;
    fill: currentColor;
    transform: rotate(-90deg)
}

#qodef-back-to-top.qodef--predefined svg>g:last-child>g>line {
    stroke-dashoffset: 0;
    stroke-dasharray: 35;
    transition: .6s ease
}

#qodef-back-to-top.qodef--predefined svg:hover>g:last-child>g>line {
    stroke-dashoffset: 70
}

#qodef-back-to-top.qodef--predefined svg:hover>g:last-child>g>line:last-child {
    transition-delay: .15s
}

#qodef-back-to-top.qodef--off {
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s ease,visibility 0s .15s
}

#qodef-back-to-top.qodef--on {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s ease
}

#qodef-back-to-top.active
{
    transition: transform 0.3s ease;
}


#qodef-back-to-top:hover {
    color: initial
}