.live-button{
    display: flex;
    justify-content: center;
    margin: 3rem;
    position: relative;        
    
    .live-button__wrapper {
        background-color: rgb(216, 0 ,21);
        border-radius: 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;

        .live-button__wrapper__left, .live-button__wrapper__right{
            p, i {
                color: white;
                margin: 0;
            }
        }

        .live-button__wrapper__left{
            padding: 2rem 4rem;
            text-align: center;
            order: 1;
            display: flex;
            align-items: center;

            i {
                margin-right: 1rem;
                font-size: 18px;
            }
        }

        .live-button__wrapper__right{
            padding: 2rem 5rem;
            position: relative;
            margin-left: -10px;
            top: 0;
            text-align: center;
            order: 2;

            img{
                width: 40px;
                position: absolute;
                right: 0.5rem;
                top: 3rem;
            }
        }
    }


    @media (max-width: 800px) {
        padding: 1rem;

        .live-button__wrapper__left,
        .live-button__wrapper__right{
            padding: 2rem 2rem;
        }
    }

    // @media (max-width: 1199px) {
    //     flex-direction: column;
    //     padding: 0;
    //     align-items: center;
    
    //     .live-button-left,
    //     .live-button-right{
    //         border-radius: 10px;
    //         width: 80vw;
    //     }
    
    //     .live-button-right{
    //         position: relative;
    //         left: initial;
    //         top: initial;
    //         margin-left: 0;
    //         margin-top: -10px;
    //     }
    
    //     .live-button-left{
    //         display: flex;
    //         justify-content: center;
    //     }
    // }
}