.banner-detail {
    background: linear-gradient(7.98deg, #05250E 6.15%, #1B2E21 151.3%);
}
.banner-detail:after {
    content: "";
    background: linear-gradient(190.96deg, rgba(0, 0, 0, 0) 8.35%, rgba(5, 164, 225, 0.32) 95.5%);
}
.eventtime:before {
    content: "";
    background: url(/assets/img/event-bg.svg) no-repeat;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 169px;
    width: 137px;
}
.live {
    background: linear-gradient(90.06deg, #00EC47 0.06%, #7DDD9A 99.94%);
}
.upcoming {
    background: linear-gradient(90.06deg, #FEBD25 0.06%, #D39D1F 99.94%);
}
.ended {
    background: linear-gradient(90.06deg, #02B1F5 0.06%, #8CDFFF 99.94%);
}
.event-ribbon {
    background: url(/assets/img/logo-event.png) no-repeat;
    background-position: right top;
    min-width: 75%;
    background-size: 30%;
}
.md\:w-\[225px\] + div {
    max-width: calc(100% - 250px);
}
.website-instead {
    width: calc(100% + 2rem);
    position: relative;
    left: -1rem;
    bottom: -1rem;
}

@media only screen and (max-width: 767px) {
    .md\:w-\[225px\] + div {
        width: 100%;
        max-width: 100%;
    }
}