Не двигается input text от радиокнопок
.choice {
display: flex;
align-items: center;
}
.multiplechoice {
position: static;
}
input[type=radio] {
right: 0;
margin-left: var(--margin-left-right);
margin-right: var(--margin-left-right);
cursor: pointer;
height: 16px;
width: 16px;
}
input[type=radio]::before {
content: '';
position: absolute;
background-color: var(--color-light-apricot);
border: 2px solid var(--color-blue);
}
input[type=radio]:checked::after {
content: '';
position: absolute;
background-color: var(--color-blue);
visibility: visible;
}
label {
font-size: var(--font-size-label);
}
.scores {
margin-left: var(--margin-left-right);
margin-right: var(--margin-left-right);
}
<div className={s.choice}>
<div className={s.multiplechoice}>
<label>
<input name="radiobutton" type="radio" value="radiobutton" />
...</label><br />
<label><input name="radiobutton" type="radio" value="radiobutton" />...</label>
</div>
<input type="text" placeholder="Score" className={s.scores} />
</div>
label
илиinput
(в зависимости от чего Вы делаете отступ)display: inline-block
, т.к. иlabel
иinput
- инлайновые элементы