.ta-ai-chat__invitation {
    position: absolute;
    right: 72px;
    bottom: 7px;
    width: min(300px, calc(100vw - 120px));
    padding: 10px 13px;
    border: 1px solid var(--ta-chat-border);
    border-radius: 13px;
    background: #ffffff;
    color: #25313c;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.18);
    font: inherit;
    font-size: 0.86rem;
    line-height: 1.4;
    text-align: left;
    opacity: 0;
    transform: translateX(8px);
    transition: opacity 160ms ease, transform 160ms ease;
    pointer-events: none;
    cursor: pointer;
}

.ta-ai-chat__invitation::after {
    position: absolute;
    right: -7px;
    bottom: 17px;
    width: 12px;
    height: 12px;
    border-top: 1px solid var(--ta-chat-border);
    border-right: 1px solid var(--ta-chat-border);
    background: #ffffff;
    content: "";
    transform: rotate(45deg);
}

.ta-ai-chat__invitation.is-visible {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}

.ta-ai-chat__invitation:hover {
    border-color: #aeb7c1;
    box-shadow: 0 12px 34px rgba(15, 23, 42, 0.22);
}

.ta-ai-chat__invitation:focus-visible {
    outline: 2px solid rgba(31, 95, 139, 0.34);
    outline-offset: 3px;
}

.ta-ai-chat.is-open .ta-ai-chat__invitation {
    display: none;
}

@media (max-width: 640px) {
    .ta-ai-chat__invitation {
        right: 66px;
        bottom: 5px;
        width: min(250px, calc(100vw - 98px));
        padding: 9px 11px;
        font-size: 0.8rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ta-ai-chat__invitation {
        transition: none;
    }
}