.login-main{place-items:center;width:100vw;height:100vh;display:grid}.login-container{border:var(--border);border-radius:var(--radius);width:max(320px,20%);box-shadow:var(--shadow);padding:2rem}.login-app-logo{place-items:center;padding-bottom:2rem;display:grid}.login-form{row-gap:var(--space);width:100%;display:grid}.login-form-actions{gap:var(--space);justify-content:center;padding-top:2rem;display:flex}.login-form-actions button{padding:var(--space);cursor:pointer;border:var(--border);border-radius:var(--radius);flex:1}.button-login{background-color:var(--clr-brand-red);color:var(--clr-brand-white)}.button-login:hover{background-color:var(--clr-brand-green)}