/* Mainstage S1 — Split with Coupon */

.mstg.v1 {
    --flx-gap: 3.8rem;

    /* -- Spacing overrides ---------------------------- */

    --mstg-tls-pd-v-tp:      150;
    --mstg-tls-pd-v-tp-mbl:  60;
    --mstg-tls-pd-v-bt:      173;
    --mstg-tls-pd-v-bt-mbl:  60;
 
    /* -- Background image — via mainstage tools ------- */

    --mstg-img-bg-o:   0.45;

    &.dk-bg .btn.v2 {
        background-color: #fff;
        color: #000;

        svg {

            rect {
                fill: #828282;
            }
            
            path {
                fill: #fff;
            }
        }

        &:hover {
            background-color: #000;
            color: #FFF;
            border-color: #fff;
        }
    }


    .inf {

        em.fnt_t-k {
            color: #fff;
            padding: 1.3rem 5rem;
        }
        
        .fnt_t-big u {
            text-decoration: unset;
            color: #00cbcb;
        }

        @media screen and (min-width: 1280px) {
            .two-thirds p {
                width: 70%;
            }
            em.fnt_t-k {
                background-color: #c4442d;
                letter-spacing: .3rem;
                background-position: center;
                width: fit-content;
                margin: auto;
            }
        } 
    }

    /* -- Prevent right column from overflowing flex -- */

    .third {
        min-width: 0;
    }

    .bg video {
        opacity: 1 !important;
    }

    .bg img {
        opacity: 1;
        object-fit: cover !important;
    }

}