.mobile-back-btn-wrap {
    display: none
}

@media (max-width:767.98px) {
    .mobile-back-btn-wrap {
        display: block;
        height: 40px;
        position: fixed;
        width: 100%;
        z-index: 1000
    }
    .mobile-back-btn {
        align-items: center;
        background-color: #fff;
        border: none;
        border: 1px solid rgba(0, 0, 0, .6);
        border-radius: 8px;
        cursor: pointer;
        display: flex;
        font-family: Cairo, sans-serif;
        font-size: 15px;
        font-weight: 500;
        gap: 4px;
        margin: 0 20px;
        outline: none;
        padding: 6px 12px
    }
    .mobile-back-btn:active {
        opacity: .5
    }
    .mobile-back-btn .chevron {
        align-items: center;
        color: #333;
        display: inline-flex;
        font-size: 24px;
        font-weight: 600;
        justify-content: center;
        line-height: 1
    }
    html[dir=ltr] .mobile-back-btn .chevron {
        transform: scaleX(-1)
    }
    .mobile-back-btn-spacer {
        height: 52px
    }
}