/* Force the button to align to the left */
.um-form .um-button {
    background: #A64D79 !important;
    border-radius: 100px !important;
    width: auto !important; /* Ensure the button width adjusts to content */
    padding: 12px 24px; /* Adjust padding for a better button size */
    box-shadow: 3px 3px 19px rgba(0, 0, 0, 0.57);
    display: inline-block; /* Align to the left */
    margin-left: 0 !important; /* Ensure no left margin is applied */
}

/* Force the button's container to behave like a left-aligned block */
.um-form .um-button-wrapper {
    text-align: left !important; /* Ensure text inside button is left-aligned */
    margin-left: 0 !important; /* Remove any unwanted margins */
}

/* Remove border from input fields */
.um-form-field input, 
.um-form-field select, 
.um-form-field textarea {
    border: none !important; /* Remove the border */
    outline: none !important; /* Remove the focus outline */
    background: #0C0C0C !important; /* Ensure background color is consistent */
    color: #0C0C0C; /* Make text color white for readability */
    padding: 10px; /* Add padding for better spacing */
}

/* Optional: Style for Focused Inputs */
.um-form-field input:focus, 
.um-form-field select:focus, 
.um-form-field textarea:focus {
    box-shadow: 0 0 8px rgba(166, 77, 121, 0.5); /* Glow effect on focus */
    background: #2c2c2c; /* Slightly different background on focus */
}
