3. You have scripting only CDATA in the markup, making it an accessibility wreck. Just as the scripting only functionality is an accessibility violation. That said anchors are non-functional and/or not hidden from parsing makes it a double whammy.
Probably wouldn't hurt if you weren't telling users with accessibility needs to go plow themselves with the derpy use of pixel metrics in padding and font-size as well.
By adding two input and two empty label hidden from non-visual UA's, getting rid of your anchors, and writing about the same amount of CSS as you originally had...
THIS is what’s wrong with modern “development”. JS for nothing and your scripts for free. That ain’t workin’, that’s NOT how you do it. Lemme tell ya, these guys ARE dumb.
I’d also suggest you stop making up fairy tale tags that don’t actually exist in real / vanilla HTML like <container>.