
.pg16-kick-clip-card {
    width: 500px !important;
    max-width: 95% !important;

    margin: 10px 0 14px !important;

    background: #111 !important;

    border: 2px solid #53fc18 !important;
    border-radius: 12px !important;

    overflow: hidden !important;
}


.pg16-kick-clip-header {
    padding: 10px 14px !important;

    background: #111 !important;

    color: #53fc18 !important;

    font-size: 16px !important;
    font-weight: 800 !important;
}


.pg16-kick-clip-media {
    position: relative !important;

    width: 100% !important;
    aspect-ratio: 16 / 9 !important;

    background: #000 !important;
}


.pg16-kick-clip-media iframe {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    border: 0 !important;
}


.pg16-kick-clip-footer {
    display: block !important;

    padding: 11px 14px !important;

    background: #111 !important;

    color: #53fc18 !important;

    font-weight: 700 !important;
    text-decoration: none !important;
}


.pg16-kick-clip-footer:hover {
    text-decoration: underline !important;
}


/* =========================================================
   PG16 KICK CLIP CLICK CARD
   ========================================================= */

.pg16-kick-clip-click {
    display: block !important;
    position: relative !important;

    width: 100% !important;
    aspect-ratio: 16 / 9 !important;

    background: #080b0d !important;

    color: white !important;
    text-decoration: none !important;

    cursor: pointer !important;
}


.pg16-kick-clip-center {
    position: absolute !important;

    left: 50% !important;
    top: 50% !important;

    transform: translate(-50%, -50%) !important;

    width: 100% !important;

    text-align: center !important;
}


.pg16-kick-clip-logo {
    color: white !important;

    font-size: 58px !important;
    font-weight: 900 !important;

    line-height: 1 !important;

    margin-bottom: 16px !important;
}


.pg16-kick-clip-play {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 72px !important;
    height: 72px !important;

    margin: 0 auto 16px !important;

    border-radius: 50% !important;

    background: #53fc18 !important;

    color: #111 !important;

    font-size: 34px !important;

    padding-left: 5px !important;

    box-sizing: border-box !important;
}


.pg16-kick-clip-creator {
    color: #53fc18 !important;

    font-size: 18px !important;
    font-weight: 800 !important;
}


.pg16-kick-clip-click:hover .pg16-kick-clip-play {
    transform: scale(1.08) !important;
}


.pg16-kick-clip-card,
.pg16-kick-clip-click,
.pg16-kick-clip-footer,
.pg16-kick-clip-play {
    pointer-events: auto !important;
}

.pg16-kick-clip-click,
.pg16-kick-clip-footer {
    cursor: pointer !important;
}


/* =========================================================
   PG16 KICK REAL THUMBNAILS
   ========================================================= */

.pg16-kick-clip-media {
    cursor: pointer !important;
    overflow: hidden !important;
}

.pg16-kick-clip-thumb {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    object-fit: cover !important;

    z-index: 1 !important;
}

.pg16-kick-clip-shade {
    position: absolute !important;
    inset: 0 !important;

    z-index: 2 !important;

    background:
        linear-gradient(
            to top,
            rgba(0, 0, 0, 0.80),
            rgba(0, 0, 0, 0.05) 65%
        ) !important;

    pointer-events: none !important;
}

.pg16-kick-clip-center {
    z-index: 3 !important;
}

.pg16-kick-has-thumbnail .pg16-kick-clip-logo {
    font-size: 30px !important;

    text-shadow:
        0 2px 10px rgba(0,0,0,.95) !important;
}

.pg16-kick-has-thumbnail .pg16-kick-clip-play {
    box-shadow:
        0 3px 20px rgba(0,0,0,.65) !important;
}

.pg16-kick-clip-title {
    max-width: 90% !important;

    margin: 4px auto !important;

    color: white !important;

    font-size: 17px !important;
    font-weight: 800 !important;

    text-shadow:
        0 2px 8px rgba(0,0,0,.95) !important;
}

.pg16-kick-clip-creator {
    text-shadow:
        0 2px 8px rgba(0,0,0,.95) !important;
}

.pg16-kick-clip-footer {
    cursor: pointer !important;
}

