.container { display: flex; position: absolute; width: 100%; height: 100%; align-items: center; justify-content: center; overflow: hidden; background: var(--gray); z-index: 1; }
.wrapper { padding: 8vw 12vw; border-radius: 4px; position: relative; overflow: hidden; text-align: center; }
.floating { width: 360px; margin: 5px 0; max-width: 100%; }
button#login { margin-top: 20px; }
button#login:before { -webkit-mask-image: url("/libraries/Feather/log-in.svg"); }

@media (max-width: 1024px) { 
.wrapper { padding: 20px; width: 100%; max-width: 600px; }
.floating { width: 100%; }
}