.mobile-nav-icons {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .mobile-nav-icons::-webkit-scrollbar {
        display: none;
    }
    .mobile-nav-btn {
        width: 38px;
        height: 38px;
        min-width: 38px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        border: 1px solid #f1f5f9;
        border-radius: 9px;
        background: #f8fafc;
        color: #475569;
        transition:
            background-color .15s ease,
            border-color .15s ease,
            color .15s ease,
            transform .1s ease;
    }
    .mobile-nav-btn svg {
        width: 19px;
        height: 19px;
        pointer-events: none;
    }
    .mobile-nav-btn:hover {
        background: #f1f5f9;
        border-color: #e2e8f0;
        color: #111827;
    }
    .mobile-nav-btn:active {
        transform: scale(.94);
    }
    .mobile-nav-btn-active {
        background: #eff6ff;
        border-color: #bfdbfe;
        color: #2563eb;
    }
    .mobile-nav-btn-danger {
        color: #dc2626;
        background: #fff7f7;
        border-color: #fee2e2;
    }
    .mobile-nav-btn-danger:hover {
        color: #b91c1c;
        background: #fef2f2;
        border-color: #fecaca;
    }
    .mobile-nav-btn-danger-active {
        color: #dc2626;
        background: #fee2e2;
        border-color: #fecaca;
    }
    @media (min-width: 640px) {
        .mobile-nav-icons {
            display: none !important;
        }
    }