.login__card {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.login__create-account {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.login__create-account-button {
  align-self: start;
}

.login__password {
  color: var(--color-gray3);
}

.login__section {
  display: grid;
  align-items: start;
  gap: 20px;
}

@media (min-width: 768px) {
  .login__section {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}