/* PULSANTI E VARIANTI STANDARD */

.btn-primary {
    background-color: var(--color-primary);
    color: var(--color-text-bianco);
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active {
        background-color: var(--color-primary-hover);
    }

.btn-secondary {
    background-color: var(--color-text-bianco);
    color: var(--color-primary);
    border: 2px solid var(--color-primary);
}

    .btn-secondary:hover,
    .btn-secondary:focus,
    .btn-secondary:active {
        background-color: var(--color-primary);
        border-color: var(--color-primary);
        color: var(--color-text-bianco);
    }

.btn-danger {
    background-color: var(--color-cta-elimina);
    color: var(--color-text-bianco);
}

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger:active {
        background-color: var(--color-cta-elimina-hover-press);
    }

.btn-success {
    background-color: var(--color-cta-salva);
    color: var(--color-text-bianco);
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success:active {
        background-color: var(--color-cta-salva-hover-press);
    }

.btn-info {
    background-color: var(--color-cta-info);
    color: var(--color-text-nero);
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info:active {
        background-color: var(--color-cta-info-hover-press);
    }

.btn-warning {
    background-color: var(--color-cta-warning);
    color: var(--color-text-nero);
}

    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning:active {
        background-color: var(--color-cta-warning-hover-press);
    }

.btn-white {
    background-color: var(--color-text-bianco);
    color: var(--color-label-secondario-varie);
    border: 2px solid var(--color-label-secondario-varie);
}

    .btn-white:hover,
    .btn-white:focus,
    .btn-white:active {
        color: var(--color-label-secondario-varie);
    }

/* PULSANTE DISABILITATO */

.btn.incore-disabled {
    opacity: .65;
}

.btn:disabled,
.btn.incore-disabled {
    background-color: var(--color-cta-fill-disabled);
    color: var(--color-cta-text-disabled);
}

/* PULSANTE TRASPARENTE */

.btn-empty {
    background-color: transparent;
    color: var(--color-primary);
}

    .btn-empty:hover,
    .btn-empty:focus,
    .btn-empty:active {
        color: var(--color-primary);
    }

    /* PULSANTE TRASPARENTE MA GRIGIO */

    .btn-empty.grey {
        background-color: transparent;
        color: var(--color-text-tab-icon);
    }

        .btn-empty.grey:hover,
        .btn-empty.grey:focus,
        .btn-empty.grey:active {
            color: var(--color-text-tab-icon);
        }

/* PULSANTE DI REFRESH */

.btn-loading {
    background-color: var(--color-cta-fill-disabled);
    color: var(--color-text-disabled);
}