.btn-primary {
    background : var(--APPLICATION__default-gradient-color)     ;
    border     : none                                           ;
    padding    : 0px                                            ;
    transition : all 0.3s ease                                  ;
}
.btn-primary:hover {
    transform   : scale(1.01)                                   ;
    box-shadow  : 0 0 5px var(--APPLICATION__primary-color)     ;
    
}
.btn-text {
    background-color: var(--APPLICATION__bento-box-color)       ;
    outline         : none                                      ;
}
.btn-text:hover {
    transform       : scale(1.01)                               ;
    color           : white !important                        ;
    background-color: var(--APPLICATION__default-gradient-color);
    background-image: var(--APPLICATION__default-gradient-color);
    box-shadow      : none !important                           ;
    outline         : none !important                           ;
}
.btn-text:focus {
    outline         : none !important                           ;
    box-shadow      : none !important                           ;
}




.btn-confirm {
    background-color: rgb(38, 255, 0);
    border          : none             ;
    padding         : 0px              ;
    transition      : all 0.3s ease    ;
}
.btn-confirm:hover {
    transform  : scale(1.03);
    border     : none       ;
}
.btn-confirm-text {
    background-color: var(--APPLICATION__bento-box-color);
    border          : none                               ;
    color           : rgb(38, 255, 0) !important       ;
}
.btn-confirm-text:hover {
    transform       : scale(1.03)                                                 ;
    color           : white !important                                          ;
    border          : none                                                        ;
    background-image: linear-gradient(45deg, rgb(31, 208, 0), rgb(0, 255, 51));
}



.btn-cancel {
    background-color: rgb(255, 0, 0);
    border          : none            ;
    padding         : 0px             ;
    transition      : all 0.3s ease   ;
}
.btn-cancel:hover {
    transform  : scale(1.03);
    border     : none       ;
}
.btn-cancel-text {
    background-color: var(--APPLICATION__bento-box-color);
    border          : none                               ;
    color           : rgb(255, 0, 0) !important        ;
}
.btn-cancel-text:hover {
    transform       : scale(1.03)                                                   ;
    color           : white !important                                            ;
    border          : none                                                          ;
    background-image: linear-gradient(45deg, rgb(219, 17, 17), rgb(255, 89, 89));
}