.brief_first_step_form{
    padding-bottom: 20px;
    width: 350px;
    margin: 0 auto;	
}

.brief_first_step_form .error{
	color:red;
}

.consent_block {
  --cb-size: 20px;
  --cb-radius: 5px;
  --cb-border: #9aa3b2;
  --cb-bg: #ffffff;
  --cb-active: #0f62fe;
  --cb-focus: rgba(15, 98, 254, 0.25);
  --cb-error: #d93025;
}

.consent_block label {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
  user-select: none;
}

/* Если у тебя этот класс уже есть глобально, дублировать не нужно */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.consent_block_mark {
  position: relative;
  flex: 0 0 var(--cb-size);
  width: var(--cb-size);
  height: var(--cb-size);
  margin-top: 2px;
  border: 2px solid var(--cb-border);
  border-radius: var(--cb-radius);
  background: var(--cb-bg);
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.consent_block_mark::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) scale(0.7);
  opacity: 0;
  transition: opacity 0.16s ease, transform 0.16s ease;
}

.consent_block_text {
  font-size: 14px;
  line-height: 1.45;
  color: #1c2430;
}

.consent_block_text a {
  color: #0f62fe;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.consent_block_text a:hover {
  text-decoration-thickness: 2px;
}

/* Hover */
.consent_block label:hover input[type="checkbox"]:not(:checked):not(:disabled) + .consent_block_mark {
  border-color: #6f7c8f;
}

/* Checked */
.consent_block input[type="checkbox"]:checked + .consent_block_mark {
  background: var(--cb-active);
  border-color: var(--cb-active);
}

.consent_block input[type="checkbox"]:checked + .consent_block_mark::after {
  opacity: 1;
  transform: rotate(45deg) scale(1);
}

/* Focus (клавиатура) */
.consent_block input[type="checkbox"]:focus-visible + .consent_block_mark {
  box-shadow: 0 0 0 4px var(--cb-focus);
}

/* Disabled */
.consent_block input[type="checkbox"]:disabled + .consent_block_mark {
  background: #f2f4f7;
  border-color: #cfd6e0;
}

.consent_block input[type="checkbox"]:disabled + .consent_block_mark + .consent_block_text {
  color: #8d97a8;
}

.consent_block input[type="checkbox"]:disabled + .consent_block_mark,
.consent_block input[type="checkbox"]:disabled + .consent_block_mark + .consent_block_text {
  cursor: not-allowed;
}

/* Для required/invalid (если браузер показывает invalid сразу) */
.consent_block input[type="checkbox"]:invalid + .consent_block_mark {
  border-color: var(--cb-error);
}
~~~