/* Style the checkbox container */
.checkbox-container {
    display: block;
    margin: 15px 0;
}

.checkbox-container label {
    display: block;
    padding: 10px;
    background-color: #f8f8f8;
    border-radius: 5px;
    border: 1px solid #ddd;
    cursor: pointer;
    margin-bottom: 10px;
}

.checkbox-container input[type="checkbox"] {
    margin-right: 10px;
    transform: scale(1.2);
    vertical-align: middle;
}

/* Change background color of the label when selected */
.checkbox-container input[type="checkbox"]:checked + label {
    background-color: #e0e0e0;
}

/* General styling */
button {
    margin-top: 20px;
    padding: 12px 20px;
    background-color: #ff5c5c;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

button:hover {
    background-color: #ff3333;
}