.g4s_active:not([data-tags="completed"]) .card-marker-label-topcard,
.g4s_active:not([data-tags="completed"]) .card-marker-label-bottomcard {
    animation: cardMarkerPulse 2s infinite;
    position: relative;
    overflow: hidden;
}

@keyframes cardMarkerPulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.02);
    }
    100% {
        transform: scale(1);
    }
}

.g4s_active:not([data-tags="completed"]) .card-marker-label-topcard:after,
.g4s_active:not([data-tags="completed"]) .card-marker-label-bottomcard:after {
    content: '';
    position: absolute;
    top: -100%;
    left: -100%;
    width: 300%;
    height: 300%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);
    transform: rotate(45deg);
    animation: shineEffect 3s ease-in-out infinite;
    z-index: 1;
    pointer-events: none;
}

@keyframes shineEffect {
    0% {
        transform: translateX(-100%) rotate(45deg);
    }
    100% {
        transform: translateX(100%) rotate(45deg);
    }
}