.menu {

            position: fixed;

            top: 0;
            left: 0;

            width: 100%;

            height: 76px;

            display: flex;

            align-items: center;

            justify-content: center;

            z-index: 1000;

            background:
                rgba(5, 12, 17, 0.78);

            border-bottom:
                1px solid
                rgba(255, 106, 0, 0.08);

            backdrop-filter:
                blur(14px);

            -webkit-backdrop-filter:
                blur(14px);

        }

        .menu__obszar {

            display: flex;

            align-items: center;

            justify-content: center;

            gap: 9px;

            width: 100%;

            max-width: 1180px;

            padding: 0 20px;

        }

        .menu__przycisk,
        .menu__online {

            height: 44px;

            display: flex;

            align-items: center;

            justify-content: center;

            gap: 9px;

            padding: 0 17px;

            border-radius: 12px;

            border:
                1px solid
                rgba(255, 106, 0, 0.18);

            background:
                rgba(15, 15, 15, 0.82);

            color: #8d9ba4;

            font-size: 11px;

            font-weight: 700;

            letter-spacing: 1.5px;

            transition:
                color .2s ease,
                background .2s ease,
                border-color .2s ease,
                box-shadow .2s ease,
                transform .2s ease;

        }

        .menu__przycisk i {

            color: #ff7417;

            font-size: 14px;

            transition:
                color .2s ease;

        }

        .menu__przycisk:hover {

            color: #ffffff;

            background:
                rgba(18, 49, 66, 0.92);

            border-color:
                rgba(255, 106, 0, 0.45);

            box-shadow:
                0 0 20px
                rgba(255, 106, 0, 0.08);

            transform:
                translateY(-1px);

        }

        .menu__przycisk:hover i {

            color: #ff7417;

        }

        .menu__online {

            color: #ff7417;

            border-color:
                rgba(255, 106, 0, 0.32);

            background:
                rgba(24, 16, 10, 0.88);

        }

        .menu__online-kropka {

            width: 7px;

            height: 7px;

            border-radius: 50%;

            background: #ff6800;

            box-shadow:
                0 0 7px
                rgba(255, 106, 0, 0.9);

        }