﻿@layer utilities {
    .content-auto {
        content-visibility: auto;
    }

    .transition-custom {
        transition: all 0.3s ease;
    }

    .case-card {
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.5s ease, transform 0.5s ease;
    }

        .case-card.visible {
            opacity: 1;
            transform: translateY(0);
        }

    .filter-tag {
        transition: all 0.3s ease;
    }

        .filter-tag:hover:not(.active) {
            transform: translateY(-3px);
        }
}
