/* Target the main Event Gadget wrapper */
div.WaGadgetEvents.WaGadgetEventsStateList {
    background-color: #f5f5f5 !important;  /* Change to desired color */
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* optional styling */
    opacity: 1 !important;
}

/* Remove any background from inside elements that may be transparent */
div.WaGadgetEvents.WaGadgetEventsStateList * {
    background: transparent !important;
    opacity: 1 !important;
}
/* Solid button background and text color + hover state */
div.WaGadgetEvents.WaGadgetEventsStateList .typeButton,
div.WaGadgetEvents.WaGadgetEventsStateList input[type="submit"],
#id_1r4l5x1 .typeButton,
#id_1r4l5x1 input[type="submit"] {
    background-color: #0073e6 !important; /* choose your solid button background */
    color: #f5f5f5 !important;            /* white text for high contrast */
    border: none !important;
    padding: 10px 16px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
}

/* Hover/active states for the buttons */
div.WaGadgetEvents.WaGadgetEventsStateList .typeButton:hover,
div.WaGadgetEvents.WaGadgetEventsStateList input[type="submit"]:hover,
#id_1r4l5x1 .typeButton:hover,
#id_1r4l5x1 input[type="submit"]:hover {
    background-color: #005bb5 !important; /* slightly darker shade */
}
