.checkbox {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px;
    align-items: start;
}

.checkbox label {
    font-size: 14px;
    margin: 0;
    cursor: pointer;
}

.checkbox label.error {
    order: 3;
    grid-column: 1 / 3;
}

.checkbox input[type="checkbox"] {
    margin-top: 5px;
}

.checkbox input[type="checkbox"]:required:invalid {
    outline: 1px solid #dc3545;
    outline-offset: 2px;
}