Антон Вебсайтовский, ни прозрачность ни z-index НЕ МЕНЯЮТ занимаемого элементом места. Верните обратно эти свойства - ничего не изменится.
При кастомизации радио и чекбоксов сами инпуты скрываются специальным стилем, который называют visually-hidden. Вариантов этого паттерна несколько, можете воспользоваться любым из них.
Антон Вебсайтовский, Антон... чем он скрыт? Вы убрали визуальные эффекты через appearance none. И еще задали ему блочность и размеры 22 на 22. Ну вот они там и наблюдаются.
Погуглите про "паттерн visually-hidden" и доступное скрытие.
Muslim Mamaev,
- Это может быть тег <hr>, если не используете для разделения разделов тег <section>.
- Или псевдоэлемент, расположенный внизу section, если используете.
- Или фон в том же section.
Сейчас уходит вниз, потому что .screen блочный элемент, а значит, элемент после него начинается с новой строки. Для решения на флоатах нужно поменять местами заголовок и блок перед ним.
При кастомизации радио и чекбоксов сами инпуты скрываются специальным стилем, который называют visually-hidden. Вариантов этого паттерна несколько, можете воспользоваться любым из них.