/* Animations for Passport to Imagination */

/* Shimmer Animation */
@keyframes shimmer {
    0%, 100% {
        background-position: -100% 0;
    }
    50% {
        background-position: 200% 0;
    }
}

/* Button Shimmer Effect */
.button-shimmer {
    position: relative;
    overflow: hidden;
}

.button-shimmer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(220, 240, 240, 0.5) 25%, 
        rgba(180, 230, 230, 0.7) 50%, 
        rgba(220, 240, 240, 0.5) 75%,
        rgba(255, 255, 255, 0) 100%);
    background-size: 200% 100%;
    animation: shimmer 8s infinite ease-in-out;
    pointer-events: none;
    z-index: 1;
    opacity: 0.7;
}