/* ********************************************************* */
.btn-success-0009{
    background-color: green;
    width: 160px;
    height: 25px;
    padding: 10px;
    border: solid transparent;
    border-radius: 5px;
    border-width: 0 0 4px;
    color: rgba(255, 255, 255, 1);
    transform: translateZ(0);
    transition: filter .2s;
    outline: none;
    cursor: pointer;
}
.btn-danger-0009{
    background-color: orange;
    width: 160px;
    height: 25px;
    padding: 10px;
    border: solid transparent;
    border-radius: 5px;
    border-width: 0 0 4px;
    color: rgba(255, 255, 255, 1);
    transform: translateZ(0);
    transition: filter .2s;
    outline: none;
    cursor: pointer;
}

.btn-error-0009{
    background-color: red;
    width: 160px;
    height: 25px;
    padding: 10px;
    border: solid transparent;
    border-radius: 5px;
    border-width: 0 0 4px;
    color: rgba(255, 255, 255, 1);
    transform: translateZ(0);
    transition: filter .2s;
    outline: none;
    cursor: pointer;
}

.btn-info-0009{
    background-color: blue;
    width: 160px;
    height: 25px;
    padding: 10px;
    border: solid transparent;
    border-radius: 5px;
    border-width: 0 0 4px;
    color: rgba(255, 255, 255, 1);
    transform: translateZ(0);
    transition: filter .2s;
    outline: none;
    cursor: pointer;
}
.btn-success-0009:hover{
    filter: brightness(1.4);
}
.btn-danger-0009:hover{
    filter: brightness(1.4);
}
.btn-error-0009:hover{
    filter: brightness(1.4);
}
.btn-info-0009:hover{
    filter: brightness(1.4);
}
/* ********************************************************* */
.btn-success-0010{
    color: rgba(255, 255, 255, 1);
    width: 160px;
    height: 25px;
    padding: 10px;
    cursor: pointer;
    border-radius: 5px;
    transition: all 150ms ease-in-out;    
    border: 1px solid green;
    background-image: linear-gradient(-180deg, rgb(173, 255, 47) 0%, green 100%);
    box-shadow: 0 0.5rem 0.625rem 0 rgba(0,0,0,0.2),
                0 -0.125rem 0.75rem rgb(0, 128, 0) inset,
                0 0.375rem 0.125rem rgba(255,255,255, 0.4) inset,
                0 0.125rem 0.25rem 0 greenyellow inset;
}
.btn-danger-0010{
    color: rgba(255, 255, 255, 1);
    width: 160px;
    height: 25px;
    padding: 10px;
    cursor: pointer;
    border-radius: 5px;
    transition: all 150ms ease-in-out;    
    border: 1px solid orange;
    background-image: linear-gradient(-180deg, rgb(255, 194, 81) 0%, rgb(255, 165, 0) 100%);
    box-shadow: 0 0.5rem 0.625rem 0 rgba(0,0,0,0.2),
                0 -0.125rem 0.75rem rgb(255, 165, 0) inset,
                0 0.375rem 0.125rem rgba(255,255,255, 0.4) inset,
                0 0.125rem 0.25rem 0 rgb(255, 194, 81) inset;
}

.btn-error-0010{
    color: rgba(255, 255, 255, 1);
    width: 160px;
    height: 25px;
    padding: 10px;
    cursor: pointer;
    border-radius: 5px;
    transition: all 150ms ease-in-out;    
    border: 1px solid red;
    background-image: linear-gradient(-180deg, rgb(254, 81, 81) 0%, rgb(255, 0, 0) 100%);
    box-shadow: 0 0.5rem 0.625rem 0 rgba(0,0,0,0.2),
                0 -0.125rem 0.75rem red inset,
                0 0.375rem 0.125rem rgba(255,255,255, 0.4) inset,
                0 0.125rem 0.25rem 0 rgb(254, 81, 81) inset;
}

.btn-info-0010{
    color: rgba(255, 255, 255, 1);
    width: 160px;
    height: 25px;
    padding: 10px;
    cursor: pointer;
    border-radius: 5px;
    transition: all 150ms ease-in-out;    
    border: 1px solid blue;
    background-image: linear-gradient(-180deg, rgb(81, 81, 255) 0%, rgb(0, 0, 255) 100%);
    box-shadow: 0 0.5rem 0.625rem 0 rgba(0,0,0,0.2),
                0 -0.125rem 0.75rem blue inset,
                0 0.375rem 0.125rem rgba(255,255,255, 0.4) inset,
                0 0.125rem 0.25rem 0 rgb(81, 81, 255) inset;
}
.btn-success-0010:hover{
    filter: brightness(1.4);
}
.btn-danger-0010:hover{
    filter: brightness(1.4);
}
.btn-error-0010:hover{
    filter: brightness(1.4);
}
.btn-info-0010:hover{
    filter: brightness(1.4);
}
/* ********************************************************* */
.btn-success-0011{
    color: rgba(255, 255, 255, 1);
    width: 160px;
    height: 25px;
    padding: 10px;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    transition: all 150ms ease-in-out; 
    background: rgba(0, 128, 0, 1);
}
.btn-danger-0011{
    color: rgba(255, 255, 255, 1);
    width: 160px;
    height: 25px;
    padding: 10px;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    transition: all 150ms ease-in-out; 
    background: rgba(240, 164, 23, 1);
}

.btn-error-0011{
    color: rgba(255, 255, 255, 1);
    width: 160px;
    height: 25px;
    padding: 10px;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    transition: all 150ms ease-in-out;
    background: rgba(254, 0, 0, 1);
}

.btn-info-0011{
    color: rgba(255, 255, 255, 1);
    width: 160px;
    height: 25px;
    padding: 10px;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    transition: all 150ms ease-in-out;  
    background: rgba(0, 0, 255, 1);
}
.btn-success-0011:hover{
    filter: brightness(1.4);
}
.btn-danger-0011:hover{
    filter: brightness(1.4);
}
.btn-error-0011:hover{
    filter: brightness(1.4);
}
.btn-info-0011:hover{
    filter: brightness(1.4);
}
/* ********************************************************* */
.btn-success-0012{
    color: rgba(255, 255, 255, 1);
    width: 160px;
    height: 25px;
    padding: 10px;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    transition: all 150ms ease-in-out; 
    background-image: linear-gradient(135deg, rgba(51, 255, 72, 1) 0%, rgba(115, 255, 136, 1) 50%, rgba(144, 255, 18, 1) 75%, rgba(178, 255, 0, 1) 100%);
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2), 5px 5px 15px rgba(0, 0, 0, 0.9), inset -5px -5px 15px rgba(64, 75, 78, 0.2), inset 5px 5px 15px rgba(0, 0, 0, 0.9);
}
.btn-danger-0012{
    color: rgba(255, 255, 255, 1);
    width: 160px;
    height: 25px;
    padding: 10px;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    transition: all 150ms ease-in-out; 
    background-image: linear-gradient(135deg, rgba(255, 134, 0, 1) 0%, rgba(255, 189, 0, 1) 50%, rgba(204, 85, 44, 1) 75%, rgba(255, 76, 30, 1) 100%);
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2), 5px 5px 15px rgba(0, 0, 0, 0.9), inset -5px -5px 15px rgba(64, 75, 78, 0.2), inset 5px 5px 15px rgba(0, 0, 0, 0.9);
}

.btn-error-0012{
    color: rgba(255, 255, 255, 1);
    width: 160px;
    height: 25px;
    padding: 10px;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    transition: all 150ms ease-in-out;
    background-image: linear-gradient(135deg, rgba(255, 0, 0, 1) 0%, rgba(255, 101, 151, 1) 50%, rgba(158, 0, 18, 1) 75%, rgba(255, 0, 93, 1) 100%);
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2), 5px 5px 15px rgba(0, 0, 0, 0.9), inset -5px -5px 15px rgba(64, 75, 78, 0.2), inset 5px 5px 15px rgba(0, 0, 0, 0.9);
}

.btn-info-0012{
    color: rgba(255, 255, 255, 1);
    width: 160px;
    height: 25px;
    padding: 10px;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    transition: all 150ms ease-in-out;  
    background-image: linear-gradient(135deg, rgba(0, 0, 255, 1) 0%, rgba(132, 186, 255, 1) 50%, rgba(103, 85, 197, 1) 75%, rgba(0, 0, 255, 1) 100%);
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2), 5px 5px 15px rgba(0, 0, 0, 0.9), inset -5px -5px 15px rgba(64, 75, 78, 0.2), inset 5px 5px 15px rgba(0, 0, 0, 0.9);
}
.btn-success-0012:hover{
    filter: brightness(1.4);
}
.btn-danger-0012:hover{
    filter: brightness(1.4);
}
.btn-error-0012:hover{
    filter: brightness(1.4);
}
.btn-info-0012:hover{
    filter: brightness(1.4);
}
/* ********************************************************* */
.btn-success-0013{
    color: rgba(255, 255, 255, 1);
    width: 160px;
    height: 25px;
    padding: 10px;
    cursor: pointer;
    border: 1px solid rgba(0, 128, 0, 1);
    border-radius: 5px;
    transition: all 150ms ease-in-out; 
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), radial-gradient(90% 7% at 50% 8%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 50%), rgba(0, 128, 0, 1);
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5), 0 -2px 0 2px rgba(0, 0, 0, 0.3), 0 2px 0 2px rgba(255, 255, 255, 0.3), -4px 0 4px rgba(0, 128, 0, 1) inset, 0 4px 4px rgba(255, 255, 255, 0.3) inset, 4px 0 4px rgba(255, 255, 255, 0.3) inset, 0 -4px 4px rgba(0, 128, 0, 1) inset;
}
.btn-danger-0013{
    color: rgba(255, 255, 255, 1);
    width: 160px;
    height: 25px;
    padding: 10px;
    cursor: pointer;
    border: 1px solid rgba(255, 128, 0, 1);
    border-radius: 5px;
    transition: all 150ms ease-in-out; 
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), radial-gradient(90% 7% at 50% 8%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 50%), rgba(255, 128, 0, 1);
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5), 0 -2px 0 2px rgba(0, 0, 0, 0.3), 0 2px 0 2px rgba(255, 255, 255, 0.3), -4px 0 4px rgba(255, 128, 0, 1) inset, 0 4px 4px rgba(255, 255, 255, 0.3) inset, 4px 0 4px rgba(255, 255, 255, 0.3) inset, 0 -4px 4px rgba(255, 128, 0, 1) inset;
}

.btn-error-0013{
    color: rgba(255, 255, 255, 1);
    width: 160px;
    height: 25px;
    padding: 10px;
    cursor: pointer;
    border: 1px solid rgba(255, 0, 0, 1);
    border-radius: 5px;
    transition: all 150ms ease-in-out;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), radial-gradient(90% 7% at 50% 8%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 50%), rgba(255, 0, 0, 1);
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5), 0 -2px 0 2px rgba(0, 0, 0, 0.3), 0 2px 0 2px rgba(255, 255, 255, 0.3), -4px 0 4px rgba(255, 0, 0, 1) inset, 0 4px 4px rgba(255, 255, 255, 0.3) inset, 4px 0 4px rgba(255, 255, 255, 0.3) inset, 0 -4px 4px rgba(255, 0, 0, 1) inset;
}

.btn-info-0013{
    color: rgba(255, 255, 255, 1);
    width: 160px;
    height: 25px;
    padding: 10px;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 255, 1);
    border-radius: 5px;
    transition: all 150ms ease-in-out; 
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), radial-gradient(90% 7% at 50% 8%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 50%), rgba(0, 0, 255, 1);box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5), 0 -2px 0 2px rgba(0, 0, 0, 0.3), 0 2px 0 2px rgba(255, 255, 255, 0.3), -4px 0 4px rgba(0, 0, 255, 1) inset, 0 4px 4px rgba(255, 255, 255, 0.3) inset, 4px 0 4px rgba(255, 255, 255, 0.3) inset, 0 -4px 4px rgba(0, 0, 255, 1) inset;
}
.btn-success-0013:hover{
    filter: brightness(1.4);
}
.btn-danger-0013:hover{
    filter: brightness(1.4);
}
.btn-error-0013:hover{
    filter: brightness(1.4);
}
.btn-info-0013:hover{
    filter: brightness(1.4);
}
/* ********************************************************* */
.btn-success-0014{
    color: rgba(0, 128, 0, 1);
    width: 160px;
    height: 25px;
    padding: 10px;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    transition: all 150ms ease-in-out; 
    background: rgba(194, 251, 215, 1);
    box-shadow: rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px;
    transform: scale(1) rotate(-2deg);
}
.btn-danger-0014{
    color: rgba(255, 128, 0, 1);
    width: 160px;
    height: 25px;
    padding: 10px;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    transition: all 150ms ease-in-out; 
    background: rgba(245, 255, 130, 1);
    box-shadow: rgba(245, 255, 130, 0.2) 0 -25px 18px -14px inset,rgba(245, 255, 130, 0.15) 0 1px 2px,rgba(245, 255, 130, 0.15) 0 2px 4px,rgba(245, 255, 130, 0.15) 0 4px 8px,rgba(245, 255, 130, 0.15) 0 8px 16px,rgba(245, 255, 130, 0.15) 0 16px 32px;
    transform: scale(1) rotate(1deg);
}

.btn-error-0014{
    color: rgba(255, 0, 0, 1);
    width: 160px;
    height: 25px;
    padding: 10px;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    transition: all 150ms ease-in-out;
    background: rgba(255, 191, 220, 1);
    box-shadow: rgba(255, 191, 220, 0.2) 0 -25px 18px -14px inset,rgba(255, 191, 220, 0.15) 0 1px 2px,rgba(255, 191, 220, 0.15) 0 2px 4px,rgba(255, 191, 220, 0.15) 0 4px 8px,rgba(255, 191, 220, 0.15) 0 8px 16px,rgba(255, 191, 220, 0.15) 0 16px 32px;
    transform: scale(1) rotate(2deg);
}

.btn-info-0014{
    color: rgba(0, 0, 255, 1);
    width: 160px;
    height: 25px;
    padding: 10px;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    transition: all 150ms ease-in-out; 
    background: rgba(168, 187, 255, 1);
    box-shadow: rgba(168, 187, 255, 0.2) 0 -25px 18px -14px inset,rgba(168, 187, 255, 0.15) 0 1px 2px,rgba(168, 187, 255, 0.15) 0 2px 4px,rgba(168, 187, 255, 0.15) 0 4px 8px,rgba(168, 187, 255, 0.15) 0 8px 16px,rgba(168, 187, 255, 0.15) 0 16px 32px;
    transform: scale(1) rotate(-3deg);
}
.btn-success-0014:hover{
    filter: brightness(1.2);
    box-shadow: rgba(44, 187, 99, 0.35) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.25) 0 1px 2px,rgba(44, 187, 99, 0.25) 0 2px 4px,rgba(44, 187, 99, 0.25) 0 4px 8px,rgba(44, 187, 99, 0.25) 0 8px 16px,rgba(44, 187, 99, 0.25) 0 16px 32px;
    transform: scale(1.05) rotate(1deg);
}
.btn-danger-0014:hover{
    filter: brightness(1.2);
    box-shadow: rgba(245, 255, 130, 0.35) 0 -25px 18px -14px inset,rgba(245, 255, 130, 0.25) 0 1px 2px,rgba(245, 255, 130, 0.25) 0 2px 4px,rgba(245, 255, 130, 0.25) 0 4px 8px,rgba(245, 255, 130, 0.25) 0 8px 16px,rgba(245, 255, 130, 0.25) 0 16px 32px;
    transform: scale(1.05) rotate(1deg);
}
.btn-error-0014:hover{
    filter: brightness(1.2);
    box-shadow: rgba(255, 191, 220, 0.35) 0 -25px 18px -14px inset,rgba(255, 191, 220, 0.25) 0 1px 2px,rgba(255, 191, 220, 0.25) 0 2px 4px,rgba(255, 191, 220, 0.25) 0 4px 8px,rgba(255, 191, 220, 0.25) 0 8px 16px,rgba(255, 191, 220, 0.25) 0 16px 32px;
    transform: scale(1.05) rotate(1deg);
}
.btn-info-0014:hover{
    filter: brightness(1.2);
   box-shadow: rgba(168, 187, 255, 0.35) 0 -25px 18px -14px inset,rgba(168, 187, 255, 0.25) 0 1px 2px,rgba(168, 187, 255, 0.25) 0 2px 4px,rgba(168, 187, 255, 0.25) 0 4px 8px,rgba(168, 187, 255, 0.25) 0 8px 16px,rgba(168, 187, 255, 0.25) 0 16px 32px;
    transform: scale(1.05) rotate(1deg);
}
/* ********************************************************* */
.btn-success-0015{
    color: rgba(0, 128, 0, 1);
    width: 160px;
    height: 25px;
    padding: 10px;
    cursor: pointer;
    border: 3px solid rgba(0, 128, 0, 1);
    border-radius: 5px;
    transition: all 150ms ease-in-out; 
    background: rgba(194, 251, 215, 1);
    box-shadow: rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px;
    transform: scale(1) rotate(2deg);
}
.btn-danger-0015{
    color: rgba(255, 128, 0, 1);
    width: 160px;
    height: 25px;
    padding: 10px;
    cursor: pointer;
    border: 3px solid rgba(255, 128, 0, 1);
    border-radius: 5px;
    transition: all 150ms ease-in-out; 
    background: rgba(245, 255, 130, 1);
    box-shadow: rgba(245, 255, 130, 0.2) 0 -25px 18px -14px inset,rgba(245, 255, 130, 0.15) 0 1px 2px,rgba(245, 255, 130, 0.15) 0 2px 4px,rgba(245, 255, 130, 0.15) 0 4px 8px,rgba(245, 255, 130, 0.15) 0 8px 16px,rgba(245, 255, 130, 0.15) 0 16px 32px;
    transform: scale(1) rotate(-3deg);
}

.btn-error-0015{
    color: rgba(255, 0, 0, 1);
    width: 160px;
    height: 25px;
    padding: 10px;
    cursor: pointer;
    border: 3px solid rgba(255, 0, 0, 1);
    border-radius: 5px;
    transition: all 150ms ease-in-out;
    background: rgba(255, 191, 220, 1);
    box-shadow: rgba(255, 191, 220, 0.2) 0 -25px 18px -14px inset,rgba(255, 191, 220, 0.15) 0 1px 2px,rgba(255, 191, 220, 0.15) 0 2px 4px,rgba(255, 191, 220, 0.15) 0 4px 8px,rgba(255, 191, 220, 0.15) 0 8px 16px,rgba(255, 191, 220, 0.15) 0 16px 32px;
    transform: scale(1) rotate(-1deg);
}

.btn-info-0015{
    color: rgba(0, 0, 255, 1);
    width: 160px;
    height: 25px;
    padding: 10px;
    cursor: pointer;
    border: 3px solid rgba(0, 0, 255, 1);
    border-radius: 5px;
    transition: all 150ms ease-in-out; 
    background: rgba(168, 187, 255, 1);
    box-shadow: rgba(168, 187, 255, 0.2) 0 -25px 18px -14px inset,rgba(168, 187, 255, 0.15) 0 1px 2px,rgba(168, 187, 255, 0.15) 0 2px 4px,rgba(168, 187, 255, 0.15) 0 4px 8px,rgba(168, 187, 255, 0.15) 0 8px 16px,rgba(168, 187, 255, 0.15) 0 16px 32px;
    transform: scale(1) rotate(3deg);
}
.btn-success-0015:hover{
    filter: brightness(1.2);
    box-shadow: rgba(44, 187, 99, 0.35) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.25) 0 1px 2px,rgba(44, 187, 99, 0.25) 0 2px 4px,rgba(44, 187, 99, 0.25) 0 4px 8px,rgba(44, 187, 99, 0.25) 0 8px 16px,rgba(44, 187, 99, 0.25) 0 16px 32px;
    transform: scale(1.05) rotate(1deg);
}
.btn-danger-0015:hover{
    filter: brightness(1.2);
    box-shadow: rgba(245, 255, 130, 0.35) 0 -25px 18px -14px inset,rgba(245, 255, 130, 0.25) 0 1px 2px,rgba(245, 255, 130, 0.25) 0 2px 4px,rgba(245, 255, 130, 0.25) 0 4px 8px,rgba(245, 255, 130, 0.25) 0 8px 16px,rgba(245, 255, 130, 0.25) 0 16px 32px;
    transform: scale(1.05) rotate(1deg);
}
.btn-error-0015:hover{
    filter: brightness(1.2);
    box-shadow: rgba(255, 191, 220, 0.35) 0 -25px 18px -14px inset,rgba(255, 191, 220, 0.25) 0 1px 2px,rgba(255, 191, 220, 0.25) 0 2px 4px,rgba(255, 191, 220, 0.25) 0 4px 8px,rgba(255, 191, 220, 0.25) 0 8px 16px,rgba(255, 191, 220, 0.25) 0 16px 32px;
    transform: scale(1.05) rotate(1deg);
}
.btn-info-0015:hover{
    filter: brightness(1.2);
   box-shadow: rgba(168, 187, 255, 0.35) 0 -25px 18px -14px inset,rgba(168, 187, 255, 0.25) 0 1px 2px,rgba(168, 187, 255, 0.25) 0 2px 4px,rgba(168, 187, 255, 0.25) 0 4px 8px,rgba(168, 187, 255, 0.25) 0 8px 16px,rgba(168, 187, 255, 0.25) 0 16px 32px;
    transform: scale(1.05) rotate(1deg);
}
/* ********************************************************* */
.btn-success-0016 {
    position: relative;
    flex-direction: column;
    width: 100%;
}    

.btn-success-0016-btn {
    position: relative;
    width: 160px;
    height: 25px;
    transition: 0.01s ease-in-out;
    cursor: pointer;
    margin: 5px;
}

.btn-success-0016-btn .btn-success-0016-under-btn {
    position: absolute;
    width: 160px;
    height: 25px;
    top: 5px;
    left: -5px;
    background: rgba(33, 33, 33, 1);
    border-radius: 100px;
    border: 3px double rgba(0, 0, 0, 1);
    outline: none;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    box-sizing: border-box;
    transition: 0.01s ease-in-out;
    z-index: 2;
}

.btn-success-0016-btn .btn-success-0016 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 25px;
    top: 10px;
    left: 0px;
    color: rgba(241, 241, 241, 1);
    background-image: linear-gradient(135deg, rgba(51, 254, 72, 1) 0%, rgba(115, 255, 136, 1) 50%, rgba(144, 255, 18, 1) 75%, rgba(178, 255, 0, 1) 100%);
    font-size: 16px;   
    border-radius: 100px;
    border: 3px double rgba(0, 0, 0, 1);
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    box-sizing: border-box;
    transition: 0.01s ease-in-out;
    z-index: 3;
}

.btn-success-0016-btn:hover .btn-success-0016,
.btn-success-0016-btn.active .btn-success-0016 {
    filter: brightness(1.3);
    transition: 0.5s ease-in-out;
}
    
.btn-danger-0016 {
    position: relative;
    flex-direction: column;
    width: 100%;
}    

.btn-danger-0016-btn {
    position: relative;
    width: 160px;
    height: 25px;
    transition: 0.01s ease-in-out;
    cursor: pointer;
    margin: 5px;
}

.btn-danger-0016-btn .btn-danger-0016-under-btn {
    position: absolute;
    width: 160px;
    height: 25px;
    top: 5px;
    left: -5px;
    background: rgba(33, 33, 33, 1);
    border-radius: 100px;
    border: 3px double rgba(0, 0, 0, 1);
    outline: none;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    box-sizing: border-box;
    transition: 0.01s ease-in-out;
    z-index: 2;
}

.btn-danger-0016-btn .btn-danger-0016 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 25px;
    top: 10px;
    left: 0px;
    color: rgba(241, 241, 241, 1);
    background-image: linear-gradient(135deg, rgba(254, 134, 0, 1) 0%, rgba(254, 189, 0, 1) 50%, rgba(204, 85, 44, 1) 75%, rgba(254, 76, 30, 1) 100%);
    font-size: 16px;   
    border-radius: 100px;
    border: 3px double rgba(0, 0, 0, 1);
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    box-sizing: border-box;
    transition: 0.01s ease-in-out;
    z-index: 3;
}

.btn-danger-0016-btn:hover .btn-danger-0016,
.btn-danger-0016-btn.active .btn-danger-0016 {
    filter: brightness(1.3);
    transition: 0.5s ease-in-out;
}    
    
.btn-error-0016 {
    position: relative;
    flex-direction: column;
    width: 100%;
}    

.btn-error-0016-btn {
    position: relative;
    width: 160px;
    height: 25px;
    transition: 0.01s ease-in-out;
    cursor: pointer;
    margin: 5px;
}

.btn-error-0016-btn .btn-error-0016-under-btn {
    position: absolute;
    width: 160px;
    height: 25px;
    top: 5px;
    left: -5px;
    background: rgba(33, 33, 33, 1);
    border-radius: 100px;
    border: 3px double rgba(0, 0, 0, 1);
    outline: none;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    box-sizing: border-box;
    transition: 0.01s ease-in-out;
    z-index: 2;
}

.btn-error-0016-btn .btn-error-0016 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 25px;
    top: 10px;
    left: 0px;
    color: rgba(241, 241, 241, 1);
    background-image: linear-gradient(135deg, rgba(254, 0, 0, 1) 0%, rgba(254, 101, 151, 1) 50%, rgba(158, 0, 18, 1) 75%, rgba(254, 0, 93, 1) 100%);
    font-size: 16px;   
    border-radius: 100px;
    border: 3px double rgba(0, 0, 0, 1);
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    box-sizing: border-box;
    transition: 0.01s ease-in-out;
    z-index: 3;
}

.btn-error-0016-btn:hover .btn-error-0016,
.btn-error-0016-btn.active .btn-error-0016 {
    filter: brightness(1.3);
    transition: 0.5s ease-in-out;
}
    
.btn-info-0016 {
    position: relative;
    flex-direction: column;
    width: 100%;
}    

.btn-info-0016-btn {
    position: relative;
    width: 160px;
    height: 25px;
    transition: 0.01s ease-in-out;
    cursor: pointer;
    margin: 5px;
}

.btn-info-0016-btn .btn-info-0016-under-btn {
    position: absolute;
    width: 160px;
    height: 25px;
    top: 5px;
    left: -5px;
    background: rgba(33, 33, 33, 1);
    border-radius: 100px;
    border: 3px double rgba(0, 0, 0, 1);
    outline: none;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    box-sizing: border-box;
    transition: 0.01s ease-in-out;
    z-index: 2;
}

.btn-info-0016-btn .btn-info-0016 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 25px;
    top: 10px;
    left: 0px;
    color: rgba(241, 241, 241, 1);
    background-image: linear-gradient(135deg, rgba(0, 0, 255, 1) 0%, rgba(132, 186, 254, 1) 50%, rgba(103, 85, 197, 1) 75%, rgba(0, 0, 254, 1) 100%);
    font-size: 16px;   
    border-radius: 100px;
    border: 3px double rgba(0, 0, 0, 1);
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    box-sizing: border-box;
    transition: 0.01s ease-in-out;
    z-index: 3;
}

.btn-info-0016-btn:hover .btn-info-0016,
.btn-info-0016-btn.active .btn-info-0016 {
    filter: brightness(1.3);
    transition: 0.5s ease-in-out;
}
/* ********************************************************* */
.btn-success-0017 {
    position: relative;
    flex-direction: column;
    width: 100%;
}    

.btn-success-0017-btn {
    position: relative;
    width: 160px;
    height: 25px;
    transition: 0.01s ease-in-out;
    cursor: pointer;
    margin: 5px;
}

.btn-success-0017-btn .btn-success-0017-under-btn {
    position: absolute;
    width: 160px;
    height: 25px;
    top: 4px;
    left: -4px;
    background: rgba(51, 254, 72, 1);
    border-radius: 8px;
    border: 3px double rgba(0, 0, 0, 1);
    outline: none;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    box-sizing: border-box;
    transition: 0.01s ease-in-out;
    z-index: 2;
}

.btn-success-0017-btn .btn-success-0017 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 25px;
    top: 0px;
    left: 0px;
    color: rgba(241, 241, 241, 1);
    background: transparent;
    font-size: 16px;   
    border-radius: 8px;
    border: 2px dotted rgba(241, 241, 241, 1);
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    box-sizing: border-box;
    transition: 0.2s ease-in-out;
    z-index: 3;
}

.btn-success-0017-btn:hover .btn-success-0017,
.btn-success-0017-btn.active .btn-success-0017 {
    top: 3px;
    left: -3px;
    filter: brightness(1.3);
    transition: 0.2s ease-in-out;
}
    
.btn-danger-0017 {
    position: relative;
    flex-direction: column;
    width: 100%;
}    

.btn-danger-0017-btn {
    position: relative;
    width: 160px;
    height: 25px;
    transition: 0.01s ease-in-out;
    cursor: pointer;
    margin: 5px;
}

.btn-danger-0017-btn .btn-danger-0017-under-btn {
    position: absolute;
    width: 160px;
    height: 25px;
    top: 4px;
    left: -4px;
    background: rgba(254, 134, 0, 1);
    border-radius: 8px;
    border: 3px double rgba(0, 0, 0, 1);
    outline: none;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    box-sizing: border-box;
    z-index: 2;
}

.btn-danger-0017-btn .btn-danger-0017 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 25px;
    top: 0px;
    left: 0px;
    color: rgba(241, 241, 241, 1);
    background: rgba(254, 134, 0, 1);
    font-size: 16px;   
    border-radius: 8px;
    border: 2px dotted rgba(241, 241, 241, 1);
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    box-sizing: border-box;
    transition: 0.2s ease-in-out;
    z-index: 3;
}

.btn-danger-0017-btn:hover .btn-danger-0017,
.btn-danger-0017-btn.active .btn-danger-0017 {
    top: 3px;
    left: -3px;
    filter: brightness(1.3);
    transition: 0.2s ease-in-out;
}    
    
.btn-error-0017 {
    position: relative;
    flex-direction: column;
    width: 100%;
}    

.btn-error-0017-btn {
    position: relative;
    width: 160px;
    height: 25px;
    transition: 0.01s ease-in-out;
    cursor: pointer;
    margin: 5px;
}

.btn-error-0017-btn .btn-error-0017-under-btn {
    position: absolute;
    width: 160px;
    height: 25px;
    top: 4px;
    left: -4px;
    background: rgba(254, 0, 0, 1);
    border-radius: 8px;
    border: 3px double rgba(0, 0, 0, 1);
    outline: none;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    box-sizing: border-box;
    z-index: 2;
}

.btn-error-0017-btn .btn-error-0017 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 25px;
    top: 0px;
    left: 0px;
    color: rgba(241, 241, 241, 1);
    background: transparent;
    font-size: 16px;   
    border-radius: 8px;
    border: 2px dotted rgba(241, 241, 241, 1);
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    box-sizing: border-box;
    transition: 0.2s ease-in-out;
    z-index: 3;
}

.btn-error-0017-btn:hover .btn-error-0017,
.btn-error-0017-btn.active .btn-error-0017 {
    top: 3px;
    left: -3px;
    filter: brightness(1.3);
    transition: 0.2s ease-in-out;
}
    
.btn-info-0017 {
    position: relative;
    flex-direction: column;
    width: 100%;
}    

.btn-info-0017-btn {
    position: relative;
    width: 160px;
    height: 25px;
    transition: 0.01s ease-in-out;
    cursor: pointer;
    margin: 5px;
}

.btn-info-0017-btn .btn-info-0017-under-btn {
    position: absolute;
    width: 160px;
    height: 25px;
    top: 4px;
    left: -4px;
    background: rgba(0, 0, 255, 1);
    border-radius: 8px;
    border: 3px double rgba(0, 0, 0, 1);
    outline: none;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    box-sizing: border-box;
    z-index: 2;
}

.btn-info-0017-btn .btn-info-0017 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 25px;
    top: 0px;
    left: 0px;
    color: rgba(241, 241, 241, 1);
    background: transparent;
    font-size: 16px;   
    border-radius: 8px;
    border: 2px dotted rgba(241, 241, 241, 1);
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    box-sizing: border-box;
    transition: 0.2s ease-in-out;
    z-index: 3;
}

.btn-info-0017-btn:hover .btn-info-0017,
.btn-info-0017-btn.active .btn-info-0017 {
    top: 3px;
    left: -3px;
    filter: brightness(1.3);
    transition: 0.2s ease-in-out;
}
/* ********************************************************* */
.btn-success-0018 {
    position: relative;
    flex-direction: column;
    width: 100%;
}    

.btn-success-0018-btn {
    position: relative;
    width: 160px;
    height: 25px;
    transition: 0.01s ease-in-out;
    cursor: pointer;
    margin: 5px;
}

.btn-success-0018-btn .btn-success-0018-under-btn {
    position: absolute;
    width: 160px;
    height: 25px;
    top: 0px;
    left: 0px;
    background: transparent;
    box-shadow: rgba(0, 128, 0, 1) 4px 4px 0 0,rgba(0, 47, 0, 1) 4px 4px 0 1px;
    border-radius: 5px;
    outline: none;
    box-sizing: border-box;
    transition: 0.01s ease-in-out;
    z-index: 2;
}

.btn-success-0018-btn .btn-success-0018 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 25px;
    top: 0px;
    left: 0px;
    color: rgba(241, 241, 241, 1);
    background: rgba(51, 254, 72, 1);
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    font-size: 16px;   
    border-radius: 5px;
    border: 1px solid rgba(0, 128, 0, 1);
    box-sizing: border-box;
    transition: 0.01s ease-in-out;
    z-index: 3;
}

.btn-success-0018-btn:hover .btn-success-0018,
.btn-success-0018-btn.active .btn-success-0018 {
    filter: brightness(1.3);
    transition: 0.5s ease-in-out;
}
    
.btn-danger-0018 {
    position: relative;
    flex-direction: column;
    width: 100%;
}    

.btn-danger-0018-btn {
    position: relative;
    width: 160px;
    height: 25px;
    transition: 0.01s ease-in-out;
    cursor: pointer;
    margin: 5px;
}

.btn-danger-0018-btn .btn-danger-0018-under-btn {
    position: absolute;
    width: 160px;
    height: 25px;
    top: 0px;
    left: 0px;
    background: transparent;
    box-shadow: rgba(255, 134, 0, 1) 4px 4px 0 0,rgba(155, 43, 17, 1) 4px 4px 0 1px;
    border-radius: 5px;
    outline: none;
    box-sizing: border-box;
    transition: 0.01s ease-in-out;
    z-index: 2;
}

.btn-danger-0018-btn .btn-danger-0018 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 25px;
    top: 0px;
    left: 0px;
    color: rgba(241, 241, 241, 1);
    background: rgba(254, 134, 0, 1);
    font-size: 16px;   
    border-radius: 5px;
    border: 1px solid rgba(254, 134, 0, 1);
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    box-sizing: border-box;
    transition: 0.01s ease-in-out;
    z-index: 3;
}

.btn-danger-0018-btn:hover .btn-danger-0018,
.btn-danger-0018-btn.active .btn-danger-0018 {
    filter: brightness(1.3);
    transition: 0.5s ease-in-out;
}    
    
.btn-error-0018 {
    position: relative;
    flex-direction: column;
    width: 100%;
}    

.btn-error-0018-btn {
    position: relative;
    width: 160px;
    height: 25px;
    transition: 0.01s ease-in-out;
    cursor: pointer;
    margin: 5px;
}

.btn-error-0018-btn .btn-error-0018-under-btn {
    position: absolute;
    width: 160px;
    height: 25px;
    top: 0px;
    left: 0px;
    background: transparent;
    box-shadow: rgba(255, 0, 0, 1) 4px 4px 0 0,rgba(62, 0, 0, 1) 4px 4px 0 1px;
    border-radius: 5px;
    outline: none;
    box-sizing: border-box;
    transition: 0.01s ease-in-out;
    z-index: 2;
}

.btn-error-0018-btn .btn-error-0018 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 25px;
    top: 0px;
    left: 0px;
    color: rgba(241, 241, 241, 1);
    background: rgba(254, 0, 0, 1);
    font-size: 16px;   
    border-radius: 5px;
    border: 1px solid rgba(254, 0, 0, 1);
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    box-sizing: border-box;
    transition: 0.01s ease-in-out;
    z-index: 3;
}

.btn-error-0018-btn:hover .btn-error-0018,
.btn-error-0018-btn.active .btn-error-0018 {
    filter: brightness(1.3);
    transition: 0.5s ease-in-out;
}
    
.btn-info-0018 {
    position: relative;
    flex-direction: column;
    width: 100%;
}    

.btn-info-0018-btn {
    position: relative;
    width: 160px;
    height: 25px;
    transition: 0.01s ease-in-out;
    cursor: pointer;
    margin: 5px;
}

.btn-info-0018-btn .btn-info-0018-under-btn {
    position: absolute;
    width: 160px;
    height: 25px;
    top: 0px;
    left: 0px;
    background: transparent;
    box-shadow: rgba(0, 0, 255, 1) 4px 4px 0 0,rgba(0, 0, 33, 1) 4px 4px 0 1px;
    border-radius: 5px;
    outline: none;
    box-sizing: border-box;
    transition: 0.01s ease-in-out;
    z-index: 2;
}

.btn-info-0018-btn .btn-info-0018 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 25px;
    top: 0px;
    left: 0px;
    color: rgba(241, 241, 241, 1);
    background: rgba(0, 0, 255, 1);
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    font-size: 16px;   
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 254, 1);
    box-sizing: border-box;
    transition: 0.01s ease-in-out;
    z-index: 3;
}

.btn-info-0018-btn:hover .btn-info-0018,
.btn-info-0018-btn.active .btn-info-0018 {
    filter: brightness(1.3);
    transition: 0.5s ease-in-out;
}
/* ********************************************************* */
.btn-success-0019{
    width: 160px;
    height: 25px;
    cursor: pointer;
    color: rgba(241, 241, 241, 1);
    background: rgba(0, 128, 0, 1);
    border: 1px solid rgba(0, 128, 0, 1);
    box-shadow: inset 0 -12px 6px rgba(0, 48, 0, 1);
    border-radius: 5px;
    transition: all 150ms ease-in-out; 
}
.btn-danger-0019{
    width: 160px;
    height: 25px;
    cursor: pointer;
    color: rgba(241, 241, 241, 1);
    background: rgba(254, 128, 0, 1);
    border: 1px solid rgba(254, 128, 0, 1);
    box-shadow: inset 0 -12px 6px rgba(135, 41, 0, 1);
    border-radius: 5px;
    transition: all 150ms ease-in-out; 
}

.btn-error-0019{
    width: 160px;
    height: 25px;
    cursor: pointer;
    color: rgba(241, 241, 241, 1);
    background: rgba(254, 0, 0, 1);
    border: 1px solid rgba(255, 0, 0, 1);
    box-shadow: inset 0 -12px 6px rgba(120, 0, 0, 1);
    border-radius: 5px;
    transition: all 150ms ease-in-out;
}

.btn-info-0019{
    width: 160px;
    height: 25px;
    cursor: pointer;
    color: rgba(241, 241, 241, 1);
    background: rgba(0, 0, 255, 1);
    border: 1px solid rgba(0, 0, 255, 1);
    box-shadow: inset 0 -12px 6px rgba(0, 0, 120, 1);
    border-radius: 5px;
}

.btn-success-0019:hover{
    filter: brightness(1.4);
}
.btn-danger-0019:hover{
    filter: brightness(1.4);
}
.btn-error-0019:hover{
    filter: brightness(1.4);
}
.btn-info-0019:hover{
    filter: brightness(1.4);
}
/* ********************************************************* */
.btn-success-0020,
.btn-danger-0020,
.btn-error-0020,
.btn-info-0020 {
    position: relative;
    width: 160px;
    height: 20px;
    border-radius: 5px 5px 5px 5px;
    font-size: 16px;  
    margin: 7px;
    border: none;
    background: transparent;
    cursor: pointer;
}

.btn-success-0020-main-div,
.btn-danger-0020-main-div,
.btn-error-0020-main-div,
.btn-info-0020-main-div {
    position: absolute;
    color: rgba(241, 241, 241, 1);
    bottom: 0;
    right: 0;
    width: 160px;
    height: 20px;
    border-radius: 5px 5px 5px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(0px, 0px);
    transition: 0.5s ease-in-out;
    user-select: none;
}

.btn-success-0020-sec-div,
.btn-danger-0020-sec-div,
.btn-error-0020-sec-div,
.btn-info-0020-sec-div {
    position: absolute;
    color: rgba(241, 241, 241, 1);
    width: 170px;
    height: 5px;
    bottom: 2px;
    right: 5px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(10px, 10px);
    transition: 0.5s ease-in-out;
    user-select: none;
}

.btn-success-0020-main-div {
    background-color: rgba(16, 75, 16, 1);
}

.btn-success-0020-sec-div {
    background-color: rgba(16, 130, 16, 1);
}

.btn-danger-0020-main-div {
    background-color: rgba(153, 58, 0, 1);
}

.btn-danger-0020-sec-div {
    background-color: rgba(189, 106, 0, 1);
}

.btn-error-0020-main-div {
    background-color: rgba(110, 0, 0, 1);
}

.btn-error-0020-sec-div {
    background-color: rgba(185, 0, 0, 1);
}

.btn-info-0020-main-div {
    background-color: rgba(0, 0, 134, 1);
}

.btn-info-0020-sec-div {
    background-color: rgba(0, 0, 208, 1);
}

.btn-success-0020:hover .btn-success-0020-main-div,
.btn-danger-0020:hover .btn-danger-0020-main-div,
.btn-error-0020:hover .btn-error-0020-main-div,
.btn-info-0020:hover .btn-info-0020-main-div {
    width: 170px;
    height: 5px;
    bottom: 0;
    right: 5px;
    transform: translate(10px, 10px);
}

.btn-success-0020:hover .btn-success-0020-sec-div,
.btn-danger-0020:hover .btn-danger-0020-sec-div,
.btn-error-0020:hover .btn-error-0020-sec-div,
.btn-info-0020:hover .btn-info-0020-sec-div {
    width: 160px;
    height: 20px;
    bottom: 0;
    right: 0;
    border-radius: 5px 5px 5px 5px;
    transform: translate(0px, 0px);
}      

.btn-success-0020-text-main,
.btn-danger-0020-text-main,
.btn-error-0020-text-main,
.btn-info-0020-text-main{
    opacity: 1;
    transition-delay: 0.2s;
}

.btn-success-0020-text-sec,
.btn-danger-0020-text-sec,
.btn-error-0020-text-sec,
.btn-info-0020-text-sec{
    opacity: 0;
}

.btn-success-0020:hover .btn-success-0020-text-main,
.btn-danger-0020:hover .btn-danger-0020-text-main,
.btn-error-0020:hover .btn-error-0020-text-main,
.btn-info-0020:hover .btn-info-0020-text-main{
    opacity: 0;
}

.btn-success-0020:hover .btn-success-0020-text-sec,
.btn-danger-0020:hover .btn-danger-0020-text-sec,
.btn-error-0020:hover .btn-error-0020-text-sec,
.btn-info-0020:hover .btn-info-0020-text-sec{
    opacity: 1;
    transition-delay: 0.2s;
}               
/* ********************************************************* */
.btn-success-0021{
    --width-top: 160px;
    position: relative;
    cursor: pointer;
    background: linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%);
    width: var(--width-top);
    height: 25px;
    border-radius: 5px;
    top: 0;
    transform: perspective(500px) rotateX(35deg);
    transition: 0.15s ease-in-out;
}

.btn-success-0021::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -5px;
    left: 1px;
    height: 7px;
    width: calc(var(--width-top) - 2px);
    background: linear-gradient(to bottom, rgba(97, 111, 57, 1) 0%, rgba(62, 67, 46, 1) 100%);
    border-radius: 0 0 5px 5px;    
    box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.5), 0 3px 2px -1px rgba(0, 0, 0, 1);   
    transition: 0.15s ease-in-out;
}

.btn-danger-0021{
    --width-top: 160px;
    position: relative;
    cursor: pointer;
    background: linear-gradient(to bottom, rgba(255, 166, 0, 1) 0%, rgb(119, 82, 13) 100%);
    width: var(--width-top);
    height: 25px;
    border-radius: 5px;
    top: 0;
    transform: perspective(500px) rotateX(35deg);
    transition: 0.15s ease-in-out;
}

.btn-danger-0021::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -5px;
    left: 1px;
    height: 7px;
    width: calc(var(--width-top) - 2px);
    background: linear-gradient(to bottom, rgba(119, 82, 13, 1) 0%, rgba(62, 67, 46, 1) 100%);
    border-radius: 0 0 5px 5px;    
    box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.5), 0 3px 2px -1px rgba(0, 0, 0, 1);   
    transition: 0.15s ease-in-out;
}
.btn-error-0021{
    --width-top: 160px;
    position: relative;
    cursor: pointer;
    background: linear-gradient(to bottom, rgba(205, 33, 27, 1) 0%, rgb(130, 35, 32) 100%);
    width: var(--width-top);
    height: 25px;
    border-radius: 5px;
    top: 0;
    transform: perspective(500px) rotateX(35deg);
    transition: 0.15s ease-in-out;
}

.btn-error-0021::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -5px;
    left: 1px;
    height: 7px;
    width: calc(var(--width-top) - 2px);
    background: linear-gradient(to bottom, rgba(130, 35, 32, 1) 0%, rgba(62, 67, 46, 1) 100%);
    border-radius: 0 0 5px 5px;    
    box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.5), 0 3px 2px -1px rgba(0, 0, 0, 1);   
    transition: 0.15s ease-in-out;
}
.btn-info-0021{
    --width-top: 160px;
    position: relative;
    cursor: pointer;
    background: linear-gradient(to bottom, rgba(0, 166, 255, 1) 0%, rgb(23, 82, 114) 100%);
    width: var(--width-top);
    height: 25px;
    border-radius: 5px;
    top: 0;
    transform: perspective(500px) rotateX(35deg);
    transition: 0.15s ease-in-out;
}

.btn-info-0021::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -5px;
    left: 1px;
    height: 7px;
    width: calc(var(--width-top) - 2px);
    background: linear-gradient(to bottom, rgba(23, 82, 114, 1) 0%, rgba(62, 67, 46, 1) 100%);
    border-radius: 0 0 5px 5px;    
    box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.5), 0 3px 2px -1px rgba(0, 0, 0, 1);   
    transition: 0.15s ease-in-out;
}
.btn-success-0021:hover{
    filter: brightness(1.6);
}
.btn-danger-0021:hover{
    filter: brightness(1.6);
}
.btn-error-0021:hover{
    filter: brightness(1.6);
}
.btn-info-0021:hover{
    filter: brightness(1.6);
}
/* ********************************************************* */
.btn-success-0022{
    width: 160px;
    height: 25px;
    border-radius: 5px;
    cursor: pointer;
    color: rgba(255, 255, 255, 1);
    transition: all 150ms ease-in-out;
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;
    background-color: rgb(5, 42, 5);
    background-image: radial-gradient(76% 151% at 52% -52%, rgba(255, 255, 255, 0.23) 0%, transparent 100%);
}
.btn-danger-0022{
    width: 160px;
    height: 25px;
    border-radius: 5px;
    cursor: pointer;
    color: rgba(255, 255, 255, 1);
    transition: all 150ms ease-in-out;
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;
    background-color: rgb(80, 52, 0);
    background-image: radial-gradient(76% 151% at 52% -52%, rgba(255, 255, 255, 0.23) 0%, transparent 100%);
}

.btn-error-0022{
    width: 160px;
    height: 25px;
    border-radius: 5px;
    cursor: pointer;
    color: rgba(255, 255, 255, 1);
    transition: all 150ms ease-in-out;
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;
    background-color: rgb(67, 11, 9);
    background-image: radial-gradient(76% 151% at 52% -52%, rgba(255, 255, 255, 0.23) 0%, transparent 100%);
}

.btn-info-0022{
    width: 160px;
    height: 25px;
    border-radius: 5px;
    cursor: pointer;
    color: rgba(255, 255, 255, 1);
    transition: all 150ms ease-in-out;
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;
    background-color: rgb(0, 39, 61);
    background-image: radial-gradient(76% 151% at 52% -52%, rgba(255, 255, 255, 0.23) 0%, transparent 100%);
}

.btn-success-0022:hover{
    filter: brightness(1.6);
}
.btn-danger-0022:hover{
    filter: brightness(1.6);
}
.btn-error-0022:hover{
    filter: brightness(1.6);
}
.btn-info-0022:hover{
    filter: brightness(1.6);
}
/* ********************************************************* */
.btn-success-0023{
    width: 160px;
    height: 25px;
    border-radius: 5px;
    cursor: pointer;
    color: rgba(255, 255, 255, 1);
    transition: all 150ms ease-in-out;
    background-color: rgb(5, 42, 5);
    background-image: radial-gradient(50% 115% at 50% -5%, rgba(255, 255, 255, 0.11) 0%, transparent 100%);
    box-shadow: inset 0 0px 10px 0px rgba(255, 255, 255, 0.14), 
    inset 0px 5px 10px 0px rgba(255, 255, 255, 0.11), 
    inset 0px 2px 5px 0px rgba(255, 255, 255, 0.4), 
    inset 0px 3px 20px 0px rgba(0, 0, 0, 0.25);
}
.btn-danger-0023{
    width: 160px;
    height: 25px;
    border-radius: 5px;
    cursor: pointer;
    color: rgba(255, 255, 255, 1);
    transition: all 150ms ease-in-out;
    background-color: rgb(80, 52, 0);
    background-image: radial-gradient(50% 115% at 50% -5%, rgba(255, 255, 255, 0.11) 0%, transparent 100%);
    box-shadow: inset 0 0px 10px 0px rgba(255, 255, 255, 0.14), 
    inset 0px 5px 10px 0px rgba(255, 255, 255, 0.11), 
    inset 0px 2px 5px 0px rgba(255, 255, 255, 0.4), 
    inset 0px 3px 20px 0px rgba(0, 0, 0, 0.25);
}

.btn-error-0023{
    width: 160px;
    height: 25px;
    border-radius: 5px;
    cursor: pointer;
    color: rgba(255, 255, 255, 1);
    transition: all 150ms ease-in-out;
    background-color: rgb(67, 11, 9);
    background-image: radial-gradient(50% 115% at 50% -5%, rgba(255, 255, 255, 0.11) 0%, transparent 100%);
    box-shadow: inset 0 0px 10px 0px rgba(255, 255, 255, 0.14), 
    inset 0px 5px 10px 0px rgba(255, 255, 255, 0.11), 
    inset 0px 2px 5px 0px rgba(255, 255, 255, 0.4), 
    inset 0px 3px 20px 0px rgba(0, 0, 0, 0.25);
}

.btn-info-0023{
    width: 160px;
    height: 25px;
    border-radius: 5px;
    cursor: pointer;
    color: rgba(255, 255, 255, 1);
    transition: all 150ms ease-in-out;
    background-color: rgb(0, 39, 61);
    background-image: radial-gradient(50% 115% at 50% -5%, rgba(255, 255, 255, 0.11) 0%, transparent 100%);
    box-shadow: inset 0 0px 10px 0px rgba(255, 255, 255, 0.14), 
    inset 0px 5px 10px 0px rgba(255, 255, 255, 0.11), 
    inset 0px 2px 5px 0px rgba(255, 255, 255, 0.4), 
    inset 0px 3px 20px 0px rgba(0, 0, 0, 0.25);
}

.btn-success-0023:hover{
    filter: brightness(1.6);
}
.btn-danger-0023:hover{
    filter: brightness(1.6);
}
.btn-error-0023:hover{
    filter: brightness(1.6);
}
.btn-info-0023:hover{
    filter: brightness(1.6);
}
/* ********************************************************* */
.btn-success-0024{
    width: 160px;
    height: 25px;
    cursor: pointer;
    background-image: linear-gradient(0deg, rgb(8, 70, 8) 0%, rgba(5, 42, 5, 1) 50%, rgb(17, 155, 17) 50%, rgb(12, 112, 12) 100%);
    border-radius: 5px;
    color: rgb(255, 255, 255);
}
.btn-danger-0024{
    width: 160px;
    height: 25px;
    cursor: pointer;
    background-image: linear-gradient(0deg, rgb(135, 88, 0) 0%, rgba(80, 52, 0, 1) 50%, rgb(206, 134, 0) 50%, rgb(164, 107, 0) 100%);
    border-radius: 5px;
    color: rgb(255, 255, 255);
}

.btn-error-0024{
    width: 160px;
    height: 25px;
    cursor: pointer;
    background-image: linear-gradient(0deg, rgb(107, 18, 15) 0%, rgba(67, 11, 9, 1) 50%, rgb(202, 33, 28) 50%, rgb(139, 23, 19) 100%);
    border-radius: 5px;
    color: rgb(255, 255, 255);
}

.btn-info-0024{
    width: 160px;
    height: 25px;
    cursor: pointer;
    background-image: linear-gradient(0deg, rgb(65, 85, 139) 0%, rgba(41, 53, 86, 1) 50%, rgba(89, 131, 252, 1) 50%, rgb(71, 104, 203) 100%);
    border-radius: 5px;
    color: rgb(255, 255, 255);
}

.btn-success-0024:hover{
    filter: brightness(1.6);
}
.btn-danger-0024:hover{
    filter: brightness(1.6);
}
.btn-error-0024:hover{
    filter: brightness(1.6);
}
.btn-info-0024:hover{
    filter: brightness(1.6);
}
/* ********************************************************* */
.btn-success-0025 {
    position: relative;
    flex-direction: column;
    width: 100%;
}    

.btn-success-0025-btn {
    position: relative;
    width: 160px;
    height: 25px;
    transition: 0.01s ease-in-out;
    cursor: pointer;
    margin: 5px;
}

.btn-success-0025-btn .btn-success-0025-under-btn {
    position: absolute;
    width: 160px;
    height: 25px;
    top: 5px;
    left: -5px;
    background: rgba(33, 33, 33, 1);
    border-radius: 5px;
    border: 3px double rgba(0, 0, 0, 1);
    outline: none;
    box-sizing: border-box;
    transition: 0.01s ease-in-out;
    z-index: 2;
}

.btn-success-0025-btn .btn-success-0025 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 25px;
    top: 10px;
    left: 0px;
    color: rgba(241, 241, 241, 1);
    background: rgba(51, 254, 72, 1);
    font-size: 16px;   
    border-radius: 5px;
    border: 3px double rgba(0, 0, 0, 1);
    box-sizing: border-box;
    transition: 0.01s ease-in-out;
    z-index: 3;
}

.btn-success-0025-btn:hover .btn-success-0025,
.btn-success-0025-btn.active .btn-success-0025 {
    filter: brightness(1.3);
    transition: 0.5s ease-in-out;
}
    
.btn-danger-0025 {
    position: relative;
    flex-direction: column;
    width: 100%;
}    

.btn-danger-0025-btn {
    position: relative;
    width: 160px;
    height: 25px;
    transition: 0.01s ease-in-out;
    cursor: pointer;
    margin: 5px;
}

.btn-danger-0025-btn .btn-danger-0025-under-btn {
    position: absolute;
    width: 160px;
    height: 25px;
    top: 5px;
    left: -5px;
    background: rgba(33, 33, 33, 1);
    border-radius: 5px;
    border: 3px double rgba(0, 0, 0, 1);
    outline: none;
    box-sizing: border-box;
    transition: 0.01s ease-in-out;
    z-index: 2;
}

.btn-danger-0025-btn .btn-danger-0025 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 25px;
    top: 10px;
    left: 0px;
    color: rgba(241, 241, 241, 1);
    background: rgba(254, 134, 0, 1);
    font-size: 16px;   
    border-radius: 5px;
    border: 3px double rgba(0, 0, 0, 1);
    box-sizing: border-box;
    transition: 0.01s ease-in-out;
    z-index: 3;
}

.btn-danger-0025-btn:hover .btn-danger-0025,
.btn-danger-0025-btn.active .btn-danger-0025 {
    filter: brightness(1.3);
    transition: 0.5s ease-in-out;
}    
    
.btn-error-0025 {
    position: relative;
    flex-direction: column;
    width: 100%;
}    

.btn-error-0025-btn {
    position: relative;
    width: 160px;
    height: 25px;
    transition: 0.01s ease-in-out;
    cursor: pointer;
    margin: 5px;
}

.btn-error-0025-btn .btn-error-0025-under-btn {
    position: absolute;
    width: 160px;
    height: 25px;
    top: 5px;
    left: -5px;
    background: rgba(33, 33, 33, 1);
    border-radius: 5px;
    border: 3px double rgba(0, 0, 0, 1);
    outline: none;
    box-sizing: border-box;
    transition: 0.01s ease-in-out;
    z-index: 2;
}

.btn-error-0025-btn .btn-error-0025 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 25px;
    top: 10px;
    left: 0px;
    color: rgba(241, 241, 241, 1);
    background: rgba(254, 0, 0, 1);
    font-size: 16px;   
    border-radius: 5px;
    border: 3px double rgba(0, 0, 0, 1);
    box-sizing: border-box;
    transition: 0.01s ease-in-out;
    z-index: 3;
}

.btn-error-0025-btn:hover .btn-error-0025,
.btn-error-0025-btn.active .btn-error-0025 {
    filter: brightness(1.3);
    transition: 0.5s ease-in-out;
}
    
.btn-info-0025 {
    position: relative;
    flex-direction: column;
    width: 100%;
}    

.btn-info-0025-btn {
    position: relative;
    width: 160px;
    height: 25px;
    transition: 0.01s ease-in-out;
    cursor: pointer;
    margin: 5px;
}

.btn-info-0025-btn .btn-info-0025-under-btn {
    position: absolute;
    width: 160px;
    height: 25px;
    top: 5px;
    left: -5px;
    background: rgba(33, 33, 33, 1);
    border-radius: 5px;
    border: 3px double rgba(0, 0, 0, 1);
    outline: none;
    box-sizing: border-box;
    transition: 0.01s ease-in-out;
    z-index: 2;
}

.btn-info-0025-btn .btn-info-0025 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 25px;
    top: 10px;
    left: 0px;
    color: rgba(241, 241, 241, 1);
    background: rgba(0, 0, 255, 1);
    font-size: 16px;   
    border-radius: 5px;
    border: 3px double rgba(0, 0, 0, 1);
    box-sizing: border-box;
    transition: 0.01s ease-in-out;
    z-index: 3;
}

.btn-info-0025-btn:hover .btn-info-0025,
.btn-info-0025-btn.active .btn-info-0025 {
    filter: brightness(1.3);
    transition: 0.5s ease-in-out;
}
/* ********************************************************* */
.btn-success-0026 {
    color: rgba(16, 75, 16, 1);
}
.btn-danger-0026 {
    color: rgba(153, 58, 0, 1);
}
.btn-error-0026 {
    color: rgba(110, 0, 0, 1);
}
.btn-info-0026 {
    color: rgba(0, 0, 134, 1);
}

.btn-success-0026,
.btn-danger-0026,
.btn-error-0026,
.btn-info-0026 {
    position: relative;
    background-color: rgba(0, 0, 0, 0);
    width: 160px;
    height: 30px;
    border: none;
    font-size: 16px;  
    display: flex; 
    margin: 2px;
    align-items: center; 
    justify-content: center;                  
    transition: 0.2s ease-in-out;  
    cursor: pointer;
}

.btn-success-0026:hover {
    color: rgba(16, 160, 16, 1);
    transition: 0.2s ease-in-out;
}
.btn-danger-0026:hover {
    color: rgba(189, 106, 0, 1);
    transition: 0.2s ease-in-out;
}
.btn-error-0026:hover {
    color: rgba(185, 0, 0, 1);
    transition: 0.2s ease-in-out;
}
.btn-info-0026:hover {
    color: rgba(0, 0, 208, 1);
    transition: 0.2s ease-in-out;
}

.btn-success-0026-line-left,
.btn-danger-0026-line-left,
.btn-error-0026-line-left,
.btn-info-0026-line-left {
   position: absolute;
   top: 0px;
   left: 5px;
   width: 3px;
   height: 30px;
   transition: 0.2s ease-in-out;
}

.btn-success-0026-line-top,
.btn-danger-0026-line-top,
.btn-error-0026-line-top,
.btn-info-0026-line-top {
   position: absolute;
   top: 5px;
   left: 0px;
   width: 160px;
   height: 3px;
   transition: 0.2s ease-in-out;
}

.btn-success-0026-line-right,
.btn-danger-0026-line-right,
.btn-error-0026-line-right,
.btn-info-0026-line-right {
    position: absolute;
    bottom: 0px;
    right: 5px;
    width: 3px;
    height: 30px;
    transition: 0.2s ease-in-out;
}

.btn-success-0026-line-bottom,
.btn-danger-0026-line-bottom,
.btn-error-0026-line-bottom,
.btn-info-0026-line-bottom {
    position: absolute;
    bottom: 5px;
    right: 0px;
    width: 160px;
    height: 3px;
    transition: 0.2s ease-in-out;
}

.btn-success-0026-line-left,
.btn-success-0026-line-top,
.btn-success-0026-line-right,
.btn-success-0026-line-bottom {
    background-color: rgba(16, 75, 16, 1);
}
.btn-danger-0026-line-left,
.btn-danger-0026-line-top,
.btn-danger-0026-line-right,
.btn-danger-0026-line-bottom {
    background-color: rgba(153, 58, 0, 1);
}
.btn-error-0026-line-left,
.btn-error-0026-line-top,
.btn-error-0026-line-right,
.btn-error-0026-line-bottom {
    background-color: rgba(110, 0, 0, 1);
}
.btn-info-0026-line-left,
.btn-info-0026-line-top,
.btn-info-0026-line-right,
.btn-info-0026-line-bottom {
    background-color: rgba(0, 0, 134, 1);
}      

.btn-success-0026:hover .btn-success-0026-line-left,
.btn-danger-0026:hover .btn-danger-0026-line-left,
.btn-error-0026:hover .btn-error-0026-line-left,
.btn-info-0026:hover .btn-info-0026-line-left {
    top: 0px;
    left: 2px;
    transition: 0.2s ease-in-out;
}          

.btn-success-0026:hover .btn-success-0026-line-top,
.btn-danger-0026:hover .btn-danger-0026-line-top,
.btn-error-0026:hover .btn-error-0026-line-top,
.btn-info-0026:hover .btn-info-0026-line-top {
    top: 2px;
    left: 0px;
    transition: 0.2s ease-in-out;
}          

.btn-success-0026:hover .btn-success-0026-line-right,
.btn-danger-0026:hover .btn-danger-0026-line-right,
.btn-error-0026:hover .btn-error-0026-line-right,
.btn-info-0026:hover .btn-info-0026-line-right {
    bottom: 0px;
    right: 2px;
    transition: 0.2s ease-in-out;
}  

.btn-success-0026:hover .btn-success-0026-line-bottom,
.btn-danger-0026:hover .btn-danger-0026-line-bottom,
.btn-error-0026:hover .btn-error-0026-line-bottom,
.btn-info-0026:hover .btn-info-0026-line-bottom {
    bottom: 2px;
    right: 0px;
    transition: 0.2s ease-in-out;
}            

.btn-success-0026:hover .btn-success-0026-line-left,
.btn-success-0026:hover .btn-success-0026-line-top,
.btn-success-0026:hover .btn-success-0026-line-right,
.btn-success-0026:hover .btn-success-0026-line-bottom{
    background-color: rgba(16, 130, 16, 1);
}          
.btn-danger-0026:hover .btn-danger-0026-line-left,
.btn-danger-0026:hover .btn-danger-0026-line-top,
.btn-danger-0026:hover .btn-danger-0026-line-right,
.btn-danger-0026:hover .btn-danger-0026-line-bottom{
    background-color: rgba(189, 106, 0, 1);
}          
.btn-error-0026:hover .btn-error-0026-line-left,
.btn-error-0026:hover .btn-error-0026-line-top,
.btn-error-0026:hover .btn-error-0026-line-right,
.btn-error-0026:hover .btn-error-0026-line-bottom{
    background-color: rgba(185, 0, 0, 1);
}          
.btn-info-0026:hover .btn-info-0026-line-left,
.btn-info-0026:hover .btn-info-0026-line-top,
.btn-info-0026:hover .btn-info-0026-line-right,
.btn-info-0026:hover .btn-info-0026-line-bottom{
    background-color: rgba(0, 0, 208, 1);
}          
/* **************************************************************** */  
.btn-success-0027{
    width: 160px;
    height: 25px;
    padding: 10px;
    border-radius: 5px;
    color: rgba(0, 89, 0, 1);
    background-image: linear-gradient(135deg, rgba(51, 254, 72, 1) 0%, rgba(115, 255, 136, 1) 50%, rgba(144, 255, 18, 1) 75%, rgba(178, 255, 0, 1) 100%);
    border: none;
    box-shadow: 0 4px 3px 0 rgba(0, 0, 0, 0.2), 0 -1px 6px rgba(169, 84, 111, 1) inset, 0 3px 1px rgba(255 ,255, 255, 0.4) inset, 0 1px 2px 0 rgba(236, 236, 236, 1) inset;
    transition: filter .2s;
    outline: none;
    cursor: pointer;
}
.btn-danger-0027{
    width: 160px;
    height: 25px;
    padding: 10px;
    border-radius: 5px;
    color: rgba(241, 76, 30, 1);
    background-image: linear-gradient(135deg, rgba(254, 134, 0, 1) 0%, rgba(254, 189, 0, 1) 50%, rgba(204, 85, 44, 1) 75%, rgba(254, 76, 30, 1) 100%);
    border: none;
    box-shadow: 0 4px 3px 0 rgba(0, 0, 0, 0.2), 0 -1px 6px rgba(110, 134, 208, 1) inset, 0 3px 1px rgba(255 ,255, 255, 0.4) inset, 0 1px 2px 0 rgba(236, 236, 236, 1) inset;
    transition: filter .2s;
    outline: none;
    cursor: pointer;
}

.btn-error-0027{
    width: 160px;
    height: 25px;
    padding: 10px;
    border-radius: 5px;
    color: rgba(158, 0, 18, 1);
    background-image: linear-gradient(135deg, rgba(169, 108, 254, 1) 0%, rgba(236, 113, 207, 1) 50%, rgba(254, 134, 153, 1) 75%, rgba(254, 168, 102, 1) 100%);
    border: none;
    box-shadow: 0 4px 3px 0 rgba(0, 0, 0, 0.2), 0 -1px 6px rgba(234, 41, 254, 1) inset, 0 3px 1px rgba(255 ,255, 255, 0.4) inset, 0 1px 2px 0 rgba(236, 226, 227, 1) inset;
    transition: filter .2s;
    outline: none;
    cursor: pointer;
}

.btn-info-0027{
    width: 160px;
    height: 25px;
    padding: 10px;
    border-radius: 5px;
    color: rgba(0, 0, 254, 1);
    background-image: linear-gradient(135deg, rgba(0, 0, 255, 1) 0%, rgba(132, 186, 254, 1) 50%, rgba(103, 85, 197, 1) 75%, rgba(0, 0, 254, 1) 100%);
    border: none;
    box-shadow: 0 4px 3px 0 rgba(0, 0, 0, 0.2), 0 -1px 6px rgba(169, 108, 254, 1) inset, 0 3px 1px rgba(255 ,255, 255, 0.4) inset, 0 1px 2px 0 rgba(236, 113, 207, 1) inset;
    transition: filter .2s;
    outline: none;
    cursor: pointer;
}
.btn-success-0027:hover{
    filter: brightness(1.4);
}
.btn-danger-0027:hover{
    filter: brightness(1.4);
}
.btn-error-0027:hover{
    filter: brightness(1.4);
}
.btn-info-0027:hover{
    filter: brightness(1.4);
}
/* **************************************************************** */