Laravel .remember-checkbox { margin-right: 0.5rem; } .form-button { margin-top: 1rem; } .submit-button { width: 100%; padding: 0.75rem 1rem; font-size: 1.125rem; border-radius: 0.375rem; background-color: brown; transition: background-color 0.2s; height: 45px; } .auth-footer { text-align: center; color: #e5e7eb; margin-top: 1rem; } .auth-link { color: gold; margin-right: 0.5rem; text-decoration: none; } .auth-link:hover { text-decoration: underline; } @media (max-width: 640px) { .auth-card { margin: 0; padding: 1.5rem; } flux\:input, .submit-button { width: 80vw !important; } .form-group { display: flex; flex-direction: column; align-items: center; } .remember-me { width: 80vw; margin: 0.5rem auto; } .forgot-password { width: 80vw; margin: 0.5rem auto; text-align: right; } }