.login-form{background-color:#fff;background-size:cover;top:0;right:0;bottom:0;left:0;position:relative;height:100vh;display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:400px}.login-form__card{background-color:#fff;padding:64px;border-radius:20px;max-width:400px}.login-form__logo{margin:0 auto 32px;text-align:center;font-size:24px;display:block;width:80px;height:auto}.login-form__dialpad{display:grid;grid-template:repeat(4,1fr)/repeat(3,1fr);grid-gap:16px;margin-bottom:32px}.login-form__dialpad-button{width:48px;height:48px;border-radius:50%;background-color:#fff;border:2px solid #fff;color:#000;font-size:25px;transition:all .1s ease;display:flex;justify-content:center;align-items:center}.login-form__dialpad-button-icon{width:16px;height:16px}.login-form__dialpad-button-icon>*{color:#000}.login-form__dialpad-button:active{background-color:hsl(0,0%,90%)}.login-form__dialpad-button:last-child{justify-self:center}.login-form__status{display:flex;flex-direction:row;justify-content:center}.login-form__status-dot{width:10px;height:10px;background-color:#fff;border:2px solid #000;margin:5px;border-radius:50%}.login-form__status-dot--active{background-color:#000}