/* PATH: ./css/c015-buttons.css */
/* V1.1.0 - REFINED OAUTH & ATOMIC BUTTONS */

.ipax .ui-btn {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 0.8em 1.5em; border: none; border-radius: 4px;
    font-family: var(--font-headings); font-weight: 700;
    cursor: pointer; text-transform: uppercase; font-size: var(--ipax-pt-9);
    transition: background 0.2s, transform 0.1s, opacity 0.2s;
    line-height: 1;
}

.ipax .ui-btn--primary {
    background-color: var(--ipax-L050); color: var(--ipax-L100);
}

.ipax .ui-btn--secondary{
    border:1px solid var(--ipax-L050);
}

.ipax .ui-btn--primary:hover {
	opacity: 0.9;
}
.ipax .ui-btn--primary:active { transform: scale(0.98); }

/* [!] REFINAMIENTO OAUTH: Menos padding vertical, tipografía más compacta */
.ipax .ui-btn--oauth {
    width: 100%; gap: 1em; padding: 0.6em 1em;
    background: var(--ipax-L090);
    color: var(--ipax-L010); border: 1px solid color-mix(in srgb, var(--ipax-L010) 15%, transparent);
    font-size: var(--ipax-pt-8);
    justify-content: flex-start; /* Alineación a la izquierda MacOS Style */
}

.ipax .ui-btn--oauth i { font-size: 1.2em; width: 1.2em; text-align: center; }
.ipax .ui-btn--oauth:hover { background: var(--ipax-L100); }