.login {
	text-align: center;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
  align-items: center;
}

.login-form__email-input,
.login-form__password-input {
	width: #{300 / $base-font-size}rem;
}

.login-form__field {
	margin: #{20 / $base-font-size}rem 0;
}

.login__divider {
  padding: #{20 / $base-font-size}rem 0;
}

.login__github-button {
  @extend %button;
  width: #{300 / $base-font-size}rem;
  display: flex;
  justify-content: center;
  align-items: center;
  & path {
    color: $light-primary-text-color;
  }
  &:hover path, &:active path {
    fill: $white;
  }
  &:hover, &:active {
    background-color: $light-secondary-text-color;
    border-color: $light-secondary-text-color
  }
}

.login__github-icon {
  margin-right: #{10 / $base-font-size}rem;
}