
        
        .toasts-wrapper {
            position: fixed;
            bottom: 16px;
            right: 16px;
            display: flex;
            flex-direction: column; /* Newest at the bottom */
            gap: 8px;
            max-height: 80vh; /* Ensure the toasts don't overflow */
            overflow: hidden;
            z-index: 9;
        }

        .toasts-wrapper .c-toast {
            background: #1e1e2e;
            border-radius: 8px;
            /* border: 1px solid #444; */
            padding: 12px 16px;
            color: #FFF; 
            opacity: 0;
            transform: translateY(20px);
            animation: slideUp 0.5s forwards ease;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
        }

        .c-toast .title {
            font-size: 14px;
            font-weight: 500;
        }
        
        .c-toast .time {
            font-size: 12px;
            color: #777;
            margin-top: 4px;
        }

        /* Animation for sliding up */
        @keyframes slideUp {
            0% {
                opacity: 0;
                transform: translateY(20px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Animation for sliding down */
        @keyframes slideDown {
            0% {
                opacity: 1;
                transform: translateY(0);
            }
            100% {
                opacity: 0;
                transform: translateY(20px);
            }
        }

        /* Animation for sliding down */
        @keyframes slideRight {
            0% {
                opacity: 1;
                transform: translateX(0);
            }
            100% {
                opacity: 0;
                transform: translateX(20px);
            }
        }


        @media only screen and (max-width: 768px) {
            .c-toast .title {
                font-size: 10px;
                font-weight: 500;
            }
            
            .c-toast .time {
                font-size: 8px;
                color: #777;
                margin-top: 4px;
            }

            .cta{
                z-index: 9999;
                position: relative;
            }
        }