/* ... (previous CSS) ... */

.control-group.checkboxes label,
.control-group.radiobuttons label /* Style radio buttons similarly */
 {
    font-weight: normal;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.95em;
}

/* Style for the Clear All button */
#clearAllMagnetsButton {
    background-color: #dc3545; /* Red color */
    border-color: #dc3545;
}
#clearAllMagnetsButton:hover:not(:disabled) {
    background-color: #c82333;
    border-color: #bd2130;
}

/* Add some spacing for radio button group */
input[type="radio"] {
    margin-right: 3px;
}

/* ... (rest of CSS, including media query) ... */