.wsa-animated {
    opacity: 0;
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.wsa-animated.wsa-bottom-to-top { transform: translateY(50px); }
.wsa-animated.wsa-top-to-bottom { transform: translateY(-50px); }
.wsa-animated.wsa-left-to-right { transform: translateX(-50px); }
.wsa-animated.wsa-right-to-left { transform: translateX(50px); }
.wsa-animated.wsa-fade-only { transform: none; }

.wsa-animated.wsa-visible {
    opacity: 1;
    transform: translate(0, 0);
}

.wsa-delay-100 { transition-delay: 100ms; }
.wsa-delay-200 { transition-delay: 200ms; }
.wsa-delay-300 { transition-delay: 300ms; }
.wsa-delay-400 { transition-delay: 400ms; }
.wsa-delay-500 { transition-delay: 500ms; }
.wsa-delay-600 { transition-delay: 600ms; }
.wsa-delay-700 { transition-delay: 700ms; }
.wsa-delay-800 { transition-delay: 800ms; }
.wsa-delay-900 { transition-delay: 900ms; }
.wsa-delay-1000 { transition-delay: 1000ms; }

@media (prefers-reduced-motion: reduce) {
    .wsa-animated {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}