/* =========================================================
   GENIUS MOVIES
   PC THEME PLAY BUTTON V1

   PC ONLY.
   Mobile is untouched.
   ========================================================= */

@media(min-width:761px){

    /* =====================================================
       COMMON BUTTON
       ===================================================== */

    .gm-pc-theme-play-v1{

        display:inline-flex !important;

        align-items:center !important;

        justify-content:center !important;

        gap:10px !important;

        min-height:54px !important;

        padding:
            0 24px !important;

        border-radius:
            14px !important;

        font-family:
            inherit !important;

        font-size:
            15px !important;

        font-weight:
            900 !important;

        line-height:
            1 !important;

        letter-spacing:
            .01em !important;

        text-decoration:
            none !important;

        opacity:1 !important;

        visibility:visible !important;

        filter:none !important;

        text-indent:0 !important;

        text-shadow:none !important;

        -webkit-text-fill-color:
            currentColor !important;

        transition:
            background .18s ease,
            border-color .18s ease,
            color .18s ease,
            transform .18s ease,
            box-shadow .18s ease !important;

        cursor:pointer !important;

        box-sizing:border-box !important;
    }


    .gm-pc-theme-play-v1 *,
    .gm-pc-theme-play-v1 span,
    .gm-pc-theme-play-v1 strong{

        color:inherit !important;

        -webkit-text-fill-color:
            currentColor !important;

        opacity:1 !important;

        visibility:visible !important;

        text-shadow:none !important;

        filter:none !important;
    }


    /* =====================================================
       DARK MODE
       Dark surface + pink accent
       ===================================================== */

    html[data-gm-theme="dark"]
    .gm-pc-theme-play-v1,

    html[data-gm-mode="dark"]
    .gm-pc-theme-play-v1{

        background:
            rgba(17,23,34,.94) !important;

        color:
            #f7f9fc !important;

        -webkit-text-fill-color:
            #f7f9fc !important;

        border:
            1px solid
            rgba(255,71,112,.72) !important;

        box-shadow:
            0 10px 30px
            rgba(0,0,0,.26),
            inset 0 0 0 1px
            rgba(255,255,255,.025) !important;

        backdrop-filter:
            blur(12px) !important;

        -webkit-backdrop-filter:
            blur(12px) !important;
    }


    html[data-gm-theme="dark"]
    .gm-pc-theme-play-v1:hover,

    html[data-gm-mode="dark"]
    .gm-pc-theme-play-v1:hover{

        background:
            #ed3159 !important;

        color:
            #ffffff !important;

        -webkit-text-fill-color:
            #ffffff !important;

        border-color:
            #ed3159 !important;

        box-shadow:
            0 12px 32px
            rgba(237,49,89,.25) !important;

        transform:
            translateY(-2px) !important;
    }


    html[data-gm-theme="dark"]
    .gm-pc-theme-play-v1:active,

    html[data-gm-mode="dark"]
    .gm-pc-theme-play-v1:active{

        transform:
            translateY(0) !important;
    }


    /* =====================================================
       LIGHT MODE
       ===================================================== */

    html[data-gm-theme="light"]
    .gm-pc-theme-play-v1,

    html[data-gm-mode="light"]
    .gm-pc-theme-play-v1{

        background:
            #ffffff !important;

        color:
            #202b3c !important;

        -webkit-text-fill-color:
            #202b3c !important;

        border:
            1px solid
            #d8e0e9 !important;

        box-shadow:
            0 9px 24px
            rgba(15,23,42,.09) !important;
    }


    html[data-gm-theme="light"]
    .gm-pc-theme-play-v1:hover,

    html[data-gm-mode="light"]
    .gm-pc-theme-play-v1:hover{

        background:
            #ed3159 !important;

        color:
            #ffffff !important;

        -webkit-text-fill-color:
            #ffffff !important;

        border-color:
            #ed3159 !important;

        box-shadow:
            0 11px 28px
            rgba(237,49,89,.20) !important;

        transform:
            translateY(-2px) !important;
    }


    /* =====================================================
       AUTO FALLBACK
       Current auto default is dark.
       ===================================================== */

    html:not([data-gm-theme="light"])
    .gm-pc-theme-play-v1{

        color:
            #f7f9fc !important;

        -webkit-text-fill-color:
            #f7f9fc !important;
    }


    /* =====================================================
       PLAY ICON
       ===================================================== */

    .gm-pc-theme-play-v1
    .gm-play-icon-v1{

        display:inline-flex !important;

        align-items:center !important;

        justify-content:center !important;

        width:25px !important;

        height:25px !important;

        flex:0 0 25px !important;

        border-radius:
            50% !important;

        background:
            #ed3159 !important;

        color:
            #ffffff !important;

        -webkit-text-fill-color:
            #ffffff !important;

        font-size:
            10px !important;

        line-height:
            1 !important;

        padding-left:
            2px !important;

        box-sizing:
            border-box !important;
    }


    .gm-pc-theme-play-v1:hover
    .gm-play-icon-v1{

        background:
            #ffffff !important;

        color:
            #ed3159 !important;

        -webkit-text-fill-color:
            #ed3159 !important;
    }


    /* =====================================================
       HOME FEATURED BUTTON
       ===================================================== */

    .gm-home-featured-play-v1{

        min-width:
            168px !important;
    }


    /* =====================================================
       DETAIL PAGE BUTTON
       ===================================================== */

    .gm-detail-theme-play-v1{

        min-width:
            150px !important;
    }


    /* Keyboard accessibility */

    .gm-pc-theme-play-v1:focus-visible{

        outline:
            3px solid
            rgba(237,49,89,.30) !important;

        outline-offset:
            3px !important;
    }

}