.global-button {
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.1s ease, opacity 0.3s ease;
    color: var(--text-white);
    cursor: pointer;
    border: 0;
    outline: 0;
}
    .global-button:hover,
    .global-button:focus {
        opacity: 0.7;
        border: 0;
        outline: 0;
        border-color: none;
        box-shadow: none;
 }

/* Primary Color Buttons (Blue background, white text) */
.button-add,
.button-register,
.button-invite,
.button-edit,
.button-elaborate,
.button-update,
.button-accept,
.button-search,
.button-restore,
.button-save,
.button-upload,
.button-create,
.button-copy,
.button-share,
.button-replace,
.button-send,
.button-move,
.button-download,
.button-schedule,
.button-submit,
.button-delegate,
.button-upload-and-start,
.button-upload-and-register,
.button-save-and-update,
.button-attach,
.button-transmit,
.button-select,
.button-tools,
.button-view,
.button-link {
    background: var(--primary-color) !important;
    color: var(--text-white) !important;
}

/* Secondary Color Buttons (Gray background) */
.button-open,
.button-skip,
.button-shorten,
.button-reset,
.button-start {
    background-color: var(--secondary-color) !important;
    color: var(--text-white) !important;
}

/* Success Color Buttons (Green background, white text) */
.button-accept,
.button-save,
.button-update {
    background-color: var(--success-color) !important;
    color: var(--text-white) !important;
}

/* Danger Color Buttons (Red background, white text) */
.button-delete,
.button-cancel,
.button-close,
.button-alert {
    background-color: var(--danger-color) !important;
    background-image: var(--danger-color) !important;
    color: var(--text-white) !important;
}