.ask-ai-wrap{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

/* BASE */
.ask-ai-btn{
    padding:10px 14px;
    border-radius:10px;
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:8px;
    transition:0.2s;

    border: none;
}

/* ===== VARIJANTE ===== */

/* SOLID */
.ask-ai-btn.style-solid{
    background:#2c3550;
    color:#fff;
}

/* OUTLINE */
.ask-ai-btn.style-outline{
    background:transparent;
    color:#2c3550;
    border:2px solid #2c3550;
}

/* GHOST */
.ask-ai-btn.style-ghost{
    background:#f1f1f1;
    color:#2c3550;
}

/* MINIMAL */
.ask-ai-btn.style-minimal{
    background:none;
    color:#2c3550;
    padding:0;
}

/* DARK */
.ask-ai-btn.style-dark{
    background:#000;
    color:#fff;
}

/* LIGHT */
.ask-ai-btn.style-light{
    background:#fff;
    color:#000;
    border:1px solid #ddd;
}

/* ===== ICON ===== */
.ask-ai-icon{
    width:18px;
    height:18px;
}

/* invert samo za tamne */
.style-solid .ask-ai-icon,
.style-dark .ask-ai-icon{
    filter: brightness(0) invert(1);
}

/* bez filtera za svetle */
.style-light .ask-ai-icon,
.style-outline .ask-ai-icon,
.style-ghost .ask-ai-icon,
.style-minimal .ask-ai-icon{
    filter: none;
}

/* HOVER */
.ask-ai-btn:hover{
    transform: translateY(-2px);
}