.context-menu {
    display: none; /* приховуємо меню за замовчуванням */
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    z-index: 1000; /* щоб меню з'являлося поверх інших елементів */
}

    .context-menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .context-menu li {
        padding: 10px 20px;
        cursor: pointer;
    }

        .context-menu li:hover {
            background-color: #f1f1f1;
        }