<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.