.u-ai-text-container {
    display: flex !important;
    gap: 4px;
    align-items: center;
    cursor: default;

    .ai-text {
        color: transparent;
        background-image: linear-gradient(257deg, #FF2E7E -4%, #D116EA 16%, #2B52EE 53%, #1881F0 81%, #00D4FF 106%);
        background-clip: text;

        &.animate {
            background-size: 200% auto;
            background-image: linear-gradient(257deg, #FF2E7E -4%, #D116EA 16%, #2B52EE 53%, #1881F0 81%, #00D4FF 106%, #FF2E7E 130%);
            animation: gradientFlow 2s ease infinite;
        }

        &.hover {
            color: #333;
            background-image: unset;

            &:hover {
                color: transparent;
                background-image: linear-gradient(257deg, #FF2E7E -4%, #D116EA 16%, #2B52EE 53%, #1881F0 81%, #00D4FF 106%);
            }
        }
    }
}

@keyframes gradientFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}