/* ==========================================================
   ULTRON BUTTONS
========================================================== */

.btn-ultron {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;

    height: 42px;
    padding: 0 18px;

    border-radius: var(--ultron-radius-md);
    border: 1px solid transparent;

    font-weight: 600;
    font-size: .92rem;

    transition: all .2s ease;

    text-decoration: none;
}

.btn-ultron i{
    font-size:.95rem;
}

/* =========================
   PRIMARY
========================= */

.btn-ultron-primary{

    background:var(--ultron-primary);
    color:#fff;

}

.btn-ultron-primary:hover{

    background:var(--ultron-primary-hover);
    color:#fff;

}

/* =========================
   SECONDARY
========================= */

.btn-ultron-secondary,
.btn-ultron-outline {
    color: var(--ultron-text);
    background: var(--ultron-surface);
    border-color: var(--ultron-border);
}

.btn-ultron-secondary:hover,
.btn-ultron-outline:hover {
    color: var(--ultron-text);
    background: var(--ultron-surface-soft);
    border-color: var(--ultron-border-hover);
}

/* =========================
   OUTLINE
========================= */

.btn-ultron-outline{
    background: transparent;
}

.btn-ultron-outline:hover{
    background: var(--ultron-surface-soft);
}

/* =========================
   SUCCESS
========================= */

.btn-ultron-success{

    background:var(--ultron-success);
    color:#fff;

}

.btn-ultron-success:hover{

    background:var(--ultron-success-hover);
    color:#fff;

}

/* =========================
   DANGER
========================= */

.btn-ultron-danger{

    background:var(--ultron-danger);
    color:#fff;

}

.btn-ultron-danger:hover{

    background:var(--ultron-danger-hover);
    color:#fff;

}

/* =========================
   SMALL
========================= */

.btn-ultron-sm{

    height:36px;
    padding:0 14px;

    font-size:.82rem;

}

.btn-ultron-block {
    width: 100%;
    min-height: 55px;
}

.btn-ultron:disabled,
.btn-ultron.is-disabled {
    cursor: not-allowed;
    opacity: .45;
}

.btn-ultron:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 3px color-mix(
        in srgb,
        var(--ultron-primary) 22%,
        transparent
    );
}