/* ======================================================
   EMPLEO IA DESIGN SYSTEM
   BUTTON
====================================================== */

.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:var(--space-2);

    padding:14px 28px;

    border-radius:var(--radius-md);

    background:var(--primary);

    color:#ffffff;

    font-size:var(--font-md);

    font-weight:600;

    cursor:pointer;

    transition:
        background var(--transition),
        transform var(--transition),
        box-shadow var(--transition);

    box-shadow:var(--shadow-sm);

}

.btn:hover{

    background:var(--primary-hover);

    transform:translateY(-2px);

    box-shadow:var(--shadow-md);

}

.btn:active{

    transform:translateY(0);

}

.btn:disabled{

    opacity:.6;

    cursor:not-allowed;

    transform:none;

    box-shadow:none;

}