/* Higher specificity by targeting the Ext JS button component */
.x-btn.custom-button .x-btn-inner {
    background-color: #474642 !important; /* Grey background */
    color: white !important;              /* White text */
}

.x-btn.custom-button .x-btn-inner:hover {
    background-color: #2980b9 !important; /* Darker blue on hover */
}

.x-btn.custom-button .x-btn-inner:active {
    background-color: #1f618d !important; /* Even darker blue when clicked */
}

/* Optional: Adjust the padding and font size */
.x-btn.custom-button .x-btn-inner {
   padding: 4px 4px  !important;
  /* font-size: 10px !important; */
   border-radius: 5px !important;
}