.customer_login {
  position: relative;

  h1 {
    font-weight: 600;
    margin-bottom: 4rem;
    min-height: 2rem;
  }

  h2 {
    font-size: 30px;
    font-weight: 400;
    min-height: 8rem;
  }

  .customer_login_content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;

    @media screen and (max-width: 768px) {
      grid-template-columns: unset;
      grid-template-rows: 1fr 1fr;
      gap: 1rem;
    }

    p {
      min-height: 6rem;
    }

    a {
      width: fit-content;
    }
  }
}

.customer_login.left {
  text-align: left;

  .customer_login_content h2,
  .customer_login_content p {
    text-align: left;
  }

  .customer_login_content a {
    margin-inline: 0 auto;
  }
}

.customer_login.center {
  text-align: center;

  .customer_login_content h2,
  .customer_login_content p {
    text-align: center;
  }

  .customer_login_content a {
    margin-inline: auto;
  }
}