/* ---------------------------------------------------------------------- */
/*	buttons
/* ---------------------------------------------------------------------- */
.btn {
    border: none;
}

.btn-main,
.btn-main:hover {
    background: var(--primaryColor) !important;
    color: var(--whiteColor) !important;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4) !important;
}

.btn-main-invert,
.btn-main-invert:hover {
    background: var(--whiteColor) !important;
    color: var(--graphiteColor) !important;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4) !important;
}

.btn-order,
.btn-order:hover {
    background: var(--primaryColor) !important;
    color: var(--whiteColor) !important;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4) !important;
}

.btn-back,
.btn-back:hover {
    background: var(--yellowColor) !important;
    color: var(--whiteColor) !important;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4) !important;
}

.btn-info,
.btn-info:hover {
    background: var(--blueColor) !important;
    color: var(--whiteColor) !important;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4) !important;
}

.btn-danger,
.btn-danger:hover {
    background: var(--redColor) !important;
    color: var(--whiteColor) !important;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4) !important;
}

.btn-success,
.btn-success:hover {
    background: var(--greenColor) !important;
    color: var(--whiteColor) !important;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4) !important;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-inline {
    display: inline-block !important;
    width: 100%;
}

.note-modal-footer .btn,
.note-modal-footer .btn:hover {
    background: var(--primaryColor) !important;
    border-color: var(--primaryColor) !important;
    color: var(--whiteColor) !important;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4) !important;
}

/* Estilos Base para Botões Outline */
.btn-outline-success {
    color: var(--greenColor) !important;
    border-color: var(--greenColor) !important;
    background-color: transparent;
    transition:
        color 0.15s ease-in-out,
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success.active {
    color: var(--whiteColor) !important;
    background-color: var(--greenColor) !important;
    border-color: var(--greenColor) !important;
}

.btn-outline-success:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--greenColorRGB), 0.5);
}

.btn-outline-danger {
    color: var(--redColor) !important;
    border-color: var(--redColor) !important;
    background-color: transparent;
    transition:
        color 0.15s ease-in-out,
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
}

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger.active {
    color: var(--whiteColor) !important;
    background-color: var(--redColor) !important;
    border-color: var(--redColor) !important;
}

.btn-outline-danger:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--redColorRGB), 0.5);
}