/* Event field flex layout for input and remove button */
.event-field {
    display: flex;
    align-items: center;
    gap: 0.5em;
}
.event-field input[type="text"] {
    flex: 1 1 auto;
}
/* Remove event button (red X) styling */
.remove-event-btn {
    color: #fff;
    background: #e53935;
    border: none;
    border-radius: 50%;
    width: 1.8em;
    height: 1.8em;
    font-size: 1.1em;
    font-weight: bold;
    cursor: pointer;
    margin-left: 0.5em;
}

.button-submit {
    margin-left: auto;
    align-self: center;
    padding: 0.5em 1em;
    background: #1976d2;
    color: #fff;
    border-radius: 0.3em;
    cursor: pointer;
    font-weight: bold;
}

.remove-event-btn:hover {
    background: #b71c1c;
}