.login-container { &__label { display: block; margin-bottom: 0.25rem; } &__input { display: block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; font-family: inherit; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #bdbdbd; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; &::placeholder { color: #212529; opacity: 0.4; } &:focus { color: #212529; background-color: #fff; border-color: #bdbdbd; outline: 0; box-shadow: 0 0 0 0.2rem rgba(158, 158, 158, 0.25); } } button { margin-bottom: 8px; width: 100%; height: 40px; background: #3b953b; border: none; border-radius: 7px; color: #fff; transition: all .3s; cursor: pointer; &:disabled { background: #5b8b5b; } &:hover { transform: scale(1.009); } } }