#abtesthidden {
    display: none;
}

@keyframes gradientSlide {
    from {
        background-position: 100% 0;
    }

    to {
        background-position: 0% 0;
    }
}

.text-animation {
    background-image: linear-gradient(90deg, #F1E67E 0%, #F9A262 25%, #EF466C 50%, white 50%, white 100%);
    background-size: 200% 100%;
    background-position: 100% 0;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: none;
}

.text-animation.animate {
    animation: gradientSlide .5s ease-out forwards;
}