.fab-drag-wrapper {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-end;
        cursor: grab;
    }

    .fab-button {
        width: 64px;
        height: 64px;
        border-radius: 50%;
        background-color: #4CAF50;
        color: white;
        font-size: 28px;
        border: none;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
        cursor: pointer;
    }

    .fab-menu {
        display: flex;
        flex-direction: column;
        margin-bottom: 10px;
        animation: fadeInUp 0.3s ease-in-out;
    }

    .fab-item {
        background-color: white;
        padding: 10px 16px;
        margin: 6px 0;
        border-radius: 25px;
        text-decoration: none;
        color: #333;
        font-size: 16px;
        white-space: nowrap;
        box-shadow: 0 2px 6px rgba(0,0,0,0.2);
        transition: background-color 0.2s ease;
    }

        .fab-item:hover {
            background-color: #f0f0f0;
        }

    @keyframes fadeInUp {
        from

    {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

    }