Responsive Base Apparel Coming Soon page

I had a problem when i wanted to display my DIV on focus. I created two divs for form tags, one was an error-icon and second one was a div with class of .small. Error icon is showing normaly, but a div wont show on focus. Why is that? .error-icon{ position: absolute; top: 15px; right: 120px; height: 25px; display: none; } .small{ color: var(--desaturated-red); font-weight: 600; position: absolute; left: 35px; display: none; outline: none; } /* SHOW ON FOCUS */ .left-side .text-block form input[type='email']:focus + .error-icon { display: block; } .left-side .text-block form input[type='email']:focus + .small{ display: block}