.branim {
    transition: transform 600ms ease-out, opacity 600ms ease-out;
}
.branim.branim-hide {
    opacity: 0 !important;
    pointer-events: none !important;
}
.branim.branim-hide.branim-top {
    transform: translateY(-100px);
}
.branim.branim-hide.branim-bot {
    transform: translateY(100px);
}
.branim.branim-hide.branim-left {
    transform: translateX(-100px);
}
.branim.branim-hide.branim-right {
    transform: translateX(100px);
}