.content {
    width: 100%;
    height: 100%;
}


.card[title="Live"] {
    position: relative;
    z-index: 1;
}

.card[title="Live"]::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(135deg, #ff00d0, #0026ff);
    filter: blur(40px);
    opacity: 0;
    transition: opacity 0.7s ease;
    border-radius: inherit;
}

.card[title="Live"]:hover::before {
    opacity: 0.2;
}