.checkbox-group {
    position: relative;
}
.checkbox-group label {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 13px;
    margin-top: 0.2rem;
    margin-bottom: 1.5rem;
    line-height: 23px;
}

.checkbox-group input[type="checkbox"] {
    display: none;
}

.checkbox-group .checkbox {
    width: 20px;
    height: 20px;
    border: 1px solid #e9e8e7;
    background: #e9e8e7;
    flex-shrink: 0;
    margin-top: 2px;
    position: relative;
}

.checkbox-group input[type="checkbox"]:checked + .checkbox::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 1px;
    width: 6px;
    height: 13px;
    border: solid #333;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}