.bn-widget{
    width:100%;
    font-family:Arial, Helvetica, sans-serif;
}

.bn-video-container{
    position:relative;
    overflow:hidden;
    height:420px;
    background:#000;
    border-radius:42px;
}

.bn-video-container::after{
    content:'';
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:180px;
    height:100%;
    z-index:3;
    pointer-events:none;
    background:linear-gradient(
        90deg,
        rgba(0,0,0,0.96) 0%,
        rgba(255,16,38,0.35) 50%,
        rgba(0,0,0,0.05) 100%
    );
    filter:blur(2px);
}

.bn-video-container::before{
    content:'';
    position:absolute;
    top:50%;
    left:calc(50% - 70px);
    width:140px;
    height:3px;
    background:linear-gradient(90deg,#ff1026,rgba(255,255,255,0.95));
    z-index:6;
    box-shadow:0 0 18px rgba(255,16,38,0.85);
}

.bn-video-container iframe{
    position:absolute;
    top:0;
    right:0;
    width:50%;
    height:100%;
    border:none;
}

.bn-overlay{
    position:absolute;
    top:0;
    left:0;
    width:50%;
    height:100%;
    z-index:2;
    background:
    linear-gradient(
        90deg,
        rgba(0,0,0,0.97) 0%,
        rgba(0,0,0,0.90) 55%,
        rgba(0,0,0,0.45) 82%,
        rgba(0,0,0,0.05) 100%
    );
    pointer-events:none;
}

.bn-content{
    position:absolute;
    top:0;
    left:0;
    z-index:5;
    width:50%;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:45px;
}

.bn-top-label{
    display:inline-block;
    background:#ff1026;
    color:#fff;
    padding:10px 20px;
    font-weight:900;
    font-size:16px;
    width:max-content;
    margin-bottom:24px;
    transform:rotate(-8deg);
    text-transform:uppercase;
}

.bn-title{
    color:#ffffff;
    font-size:42px;
    line-height:1.1;
    margin:0;
    font-weight:900;
    max-width:95%;
    text-shadow:0 3px 12px rgba(0,0,0,0.45);
    position:relative;
}

.bn-title::after{
    content:'';
    position:absolute;
    top:50%;
    right:-70px;
    width:60px;
    height:2px;
    background:linear-gradient(90deg,#ff1026,#ffffff);
    box-shadow:0 0 14px rgba(255,255,255,0.7);
}

.bn-bottom-label{
    position:absolute;
    bottom:22px;
    right:-10px;
    z-index:6;
    background:#ff1026;
    color:#fff;
    padding:14px 30px;
    font-weight:900;
    font-size:20px;
    transform:skew(-18deg);
    text-transform:uppercase;
}

.bn-bottom-label span{
    display:block;
    transform:skew(18deg);
}

@media(max-width:768px){

    .bn-video-container{
        height:260px;
        border-radius:20px;
    }

    .bn-content{
        width:55%;
        padding:20px;
    }

    .bn-overlay{
        width:55%;
    }

    .bn-video-container iframe{
        width:45%;
    }

    .bn-title{
        font-size:22px;
    }

    .bn-title::after,
    .bn-video-container::before{
        width:35px;
        right:-40px;
    }

    .bn-top-label{
        font-size:11px;
        padding:6px 12px;
    }

    .bn-bottom-label{
        font-size:11px;
        padding:8px 16px;
    }
}


/* Bottom whitespace fix */
.bn-widget,
.bn-widget-wrapper,
.breaking-news-widget,
.breaking-news-youtube-widget{
    margin-bottom:0 !important;
    padding-bottom:6px !important;
}

.bn-video-strip{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}