/* V1.3.0 - ATOMIC BUTTONS & DARK MODE / LINK FIXES */

.ipax .ui-btn,
.ipax a.ui-btn,
.ipax a.ui-btn:visited,
.ipax a.ui-btn:hover,
.ipax button.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, color 0.2s, border-color 0.2s;
    line-height: 1;
    text-decoration: none !important;
}

.ipax .ui-btn *,
.ipax a.ui-btn * {
    text-decoration: none !important;
}

.ipax .ui-btn--primary,
.ipax a.ui-btn--primary,
.ipax a.ui-btn--primary:visited {
    background-color: var(--ipax-L050);
    color: var(--ipax-L100);
    border: 1px solid var(--ipax-L050);
}

.ipax .ui-btn--primary:hover,
.ipax a.ui-btn--primary:hover {
    opacity: 0.9;
    color: var(--ipax-L100);
}

.ipax .ui-btn--secondary,
.ipax a.ui-btn--secondary,
.ipax a.ui-btn--secondary:visited {
    background-color: transparent;
    border: 1px solid var(--border-moderate);
    color: var(--ipax-L010);
}

.ipax .ui-btn--secondary:hover,
.ipax a.ui-btn--secondary:hover {
    background-color: var(--ipax-L080);
    color: var(--ipax-L010);
}

.ipax .ui-btn:active {
    transform: scale(0.98);
}

/* REFINAMIENTO OAUTH */
.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;
}

.ipax .ui-btn--oauth i {
    font-size: 1.2em;
    width: 1.2em;
    text-align: center;
}

.ipax .ui-btn--oauth:hover {
    background: var(--ipax-L100);
}