.buat-page {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }

  .container-fluid.buat-page{
    padding: 0px 0px;
  }

  .login-form {
    width: 100%;
    max-width: 450px;
    position: relative;
  }

  .login-form h4 {
    font-weight: 700;
    font-family: 'Poppins';
  }

  .btn-primary {
    padding: 12px 20px;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    font-weight: 500;
    letter-spacing: 1px;
  }

  .btn-primary:hover {
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
  }

  .btn-loading {
    pointer-events: none;
    opacity: 0.6;
  }

  .illustration {
    background: no-repeat center center;
    background-size: cover;
    background-color: #007bff;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .login-form .copyright {
    position: absolute;
    bottom: -90px;
    width: 100%;
    font-size: 15px;
    color: #6c757d;
  }
  .home-button {
    position: absolute;
    top: 20px;
    left: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: #e2f0ff;
    border-radius: 50%;
    font-size: 28px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease; 
  }

  .home-button:hover {
    transform: translateY(-4px);
    background-color: #2f92fc;
    color: white;
  }
  .swal2-confirm {
  background-color: #007bff !important;  
  color: white !important;              
  border: none !important;               
  }

  .swal2-confirm:hover {
  background-color: #0056b3 !important; 
  }

  .google-login{
    border: 1px solid white; 
    cursor: pointer; 
    width: 100%; 
    background-color: transparent;
  }
  .google-login span{
    color: grey;
  }
  .google-login span:hover{
    color: rgb(0, 147, 245);
  }

  @media (max-width: 768px) {
    .illustration {
      display: none;     
  }
  }