<div class="request-form-personal-data-block">
<label class="personal-data-label">
<input type="checkbox" class="personal-data-real-checkbox">
<span class="personal-data-visible-checkbox"></span>
<span class="white-text">I agree to the processing of personal data</span>
</label>
</div>
.request-form-personal-data-block {
    width: 408px;
    background-color: red;
    /*height: 18px;*/
}

.personal-data-label {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    display: flex;
    color: #181818;
}

.personal-data-real-checkbox {
    display: none;
}

.personal-data-visible-checkbox {
    display: inline-block;
    vertical-align: sub;
    position: relative;
    margin-right: 9px;
    width: 18px;
    height: 18px;
    background: #E3B873;
    border-radius: 1px;
}

.white-text {
    color: #FFFFFF;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.