.responsive-menu-pro-slider-r .responsive-menu-pro-inner {
    top: {{ options.button_line_height / 2 }}{{ options.button_line_height_unit }};
}

.responsive-menu-pro-slider-r .responsive-menu-pro-inner::before {
    top: {{ options.button_line_height + options.button_line_margin }}{{ options.button_line_height_unit }};
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.2s;
}

.responsive-menu-pro-slider-r .responsive-menu-pro-inner::after {
    top: {{ (options.button_line_height * 2) + (options.button_line_margin * 2) }}{{ options.button_line_height_unit }};
}

.responsive-menu-pro-slider-r.is-active .responsive-menu-pro-inner {
    transform: translate3d(0, {{ options.button_line_margin + options.button_line_height }}{{ options.button_line_margin_unit }}, 0) rotate(-45deg);
}

.responsive-menu-pro-slider-r.is-active .responsive-menu-pro-inner::before {
    transform: rotate(45deg) translate3d({{ options.button_line_width / -7 }}{{ options.button_line_width_unit }}, {{ options.button_line_margin * -1 }}{{ options.button_line_margin_unit }}, 0);
    opacity: 0;
}

.responsive-menu-pro-slider-r.is-active .responsive-menu-pro-inner::after {
    transform: translate3d(0, {{ (options.button_line_margin + options.button_line_height) * -2 }}{{ options.button_line_margin_unit }}, 0) rotate(90deg);
}