.responsive-menu-pro-spring .responsive-menu-pro-inner {
    top: {{ options.button_line_height / 2 }}{{ options.button_line_height_unit }};
    transition: background-color 0s 0.15s linear;
}

.responsive-menu-pro-spring .responsive-menu-pro-inner::before {
    top: {{ options.button_line_height + options.button_line_margin  }}{{ options.button_line_height_unit }};
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
                transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.responsive-menu-pro-spring .responsive-menu-pro-inner::after {
    top: {{ (options.button_line_height * 2) + (options.button_line_margin * 2) }}{{ options.button_line_height_unit }};
    transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
                transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

button#responsive-menu-pro-button.responsive-menu-pro-spring.is-active:hover .responsive-menu-pro-inner,
.responsive-menu-pro-spring.is-active .responsive-menu-pro-inner {
    transition-delay: 0.32s;
    background-color: transparent;
}

.responsive-menu-pro-spring.is-active .responsive-menu-pro-inner::before {
    top: 0;
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
                transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, {{ options.options.button_line_margin + options.button_line_height }}{{ options.button_line_margin_unit }}, 0) rotate(45deg);
}

.responsive-menu-pro-spring.is-active .responsive-menu-pro-inner::after {
    top: 0;
    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
                transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, {{ options.options.button_line_margin + options.button_line_height }}{{ options.button_line_margin_unit }}, 0) rotate(-45deg);
}