/* Target the brand background class */
.commonStyle__zt3BrandBg {
    background-color: #FF00F2 !important; /* Your desired color */
    /* You might also need to adjust the border-color if it has one */
    border-color: #FF00F2 !important;
}

/* Consider hover and active states for a better user experience */
.commonStyle__zt3BrandBg:hover {
    background-color: #FF00F2 !important; /* A slightly darker shade for hover */
    border-color: #FF00F2 !important;
}

.commonStyle__zt3BrandBg:active {
    background-color: #FF00F2 !important; /* An even darker shade for when it's clicked */
    border-color: #FF00F2 !important;
}



/* Target the "Submit a ticket" button using its specific class */
.Button__footerBtn {
    background-color: #7C16EE !important; /* Your desired purple color */
    color: #FFFFFF !important; /* Assuming you want white text for contrast */
    border: 1px solid #7C16EE !important; /* Matching border color */
    /* You might want to adjust padding or other styles if necessary, but start with color */
}

/* Define hover state for better user experience */
.Button__footerBtn:hover {
    background-color: #5A10B3 !important; /* Slightly darker purple on hover */
    border-color: #5A10B3 !important;
    cursor: pointer; /* Ensure the cursor indicates it's clickable */
}

/* Define active (clicked) state */
.Button__footerBtn:active {
    background-color: #400B80 !important; /* Even darker purple when clicked */
    border-color: #400B80 !important;
}