@import "./mixins/mixin.scss";

@include b(hamburger) {
    height: 100%;
    line-height: 46px;
    cursor: pointer;
    transition: background 0.3s;
    -webkit-tap-highlight-color: transparent;

    &:hover {
        background: rgba(0, 0, 0, 0.025);
    }
    @include e(svg) {
        display: inline-block;
        width: 20px;
        height: 20px;
        vertical-align: middle;
        @include when(active) {
            transform: rotate(180deg);
        }
    }
}