For this to work we need a few things:
<style>
input:focus~.floating-label,
input:not(:focus):valid~.floating-label,
input[type=email]:not(:placeholder-shown)~.floating-label {
bottom: 35px;
font-size: 11px;
}
.input-text:focus {
outline: none;
}
</style>
The videos Kurzgesagt channel creates are so beautifully animated, that I almost forget that I learn so much while watching them!