.animation-wrapper{.AnimeSection{width:100%;position:relative;aspect-ratio:var(--data-asset-aspect-ratio-desktop);& .aiAnime{width:100%;aspect-ratio:var(--data-asset-aspect-ratio-desktop);position:absolute;top:0;right:0;bottom:0;left:0}
& .ctaLayer{position:absolute;top:0;right:0;bottom:0;left:0;display:block;opacity:0;& .splunk-button{position:absolute;bottom:0;left:0}
&.shown{animation:aiBtnShown 1s;animation-fill-mode:forwards}
}
}
@media(min-width:768px) and (max-width:991px){.AnimeSection{& .ctaLayer{& .splunk-button{position:absolute;bottom:-10px;left:0}
}
}
}
@media(max-width:767px){.AnimeSection{aspect-ratio:var(--data-asset-aspect-ratio-mobile);& .aiAnime{aspect-ratio:var(--data-asset-aspect-ratio-mobile)}
& .ctaLayer{& .splunk-button{position:absolute;bottom:0;left:0}
}
}
}
}
@keyframes aiBtnShown{from{opacity:0}
to{opacity:1}
}