.archive-centre-map-sdlv {
    .map_card {
        &:before {
            content: "";
            @apply absolute h-full top-0 left-0 transition-all duration-300 w-1 md:bg-white bg-primary-400;
        }
        &:hover,
        &.active {
            @apply shadow-lg;
            &:before {
                @apply bg-primary-400;
            }
        }
        &.animate {
            animation: gelatine 0.5s;
        }
        @keyframes gelatine {
            from,
            to {
                transform: scale(1, 1);
            }
            25% {
                transform: scale(0.99, 1.01);
            }
            50% {
                transform: scale(1.01, 0.99);
            }
            75% {
                transform: scale(0.99, 1.01);
            }
        }
    }
}