/* v1.4.7 — pastikan kartu akses tampil sebelum informasi dan tombol login di semua ukuran layar */
.registration-success-v108 .success-shell-v108{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:30px;
}

.registration-success-v108 .success-content-v108{
  width:100%;
  order:1;
}

.registration-success-v108 .success-card-center-v146{
  order:2;
}

.registration-success-v108 .success-login-footer-v146{
  order:3;
}

.registration-success-v108 .success-card-center-v146{
  width:min(100%,560px);
  margin:0 auto;
}

.registration-success-v108 .success-login-footer-v146{
  width:min(100%,820px);
  margin:0 auto;
}

.registration-success-v108 .success-login-footer-v146 .success-note-v108{
  margin-top:0;
}

.registration-success-v108 .success-login-footer-v146 .login-access-bottom-v109{
  display:flex;
  justify-content:center;
  margin-top:18px;
}

.registration-success-v108 .success-login-footer-v146 .login-access-v108{
  display:inline-flex;
  width:auto;
  min-width:190px;
  min-height:50px;
  padding:12px 26px;
}

@media(max-width:640px){
  .registration-success-v108 .success-shell-v108{
    gap:24px;
  }

  .registration-success-v108 .success-card-center-v146{
    width:100%;
  }

  .registration-success-v108 .success-login-footer-v146{
    width:100%;
  }

  .registration-success-v108 .success-login-footer-v146 .login-access-v108{
    width:auto;
    min-width:180px;
    padding-left:24px;
    padding-right:24px;
  }
}


/* Override aturan lama yang memberi order:2 hanya pada kartu di tablet/HP. */
@media(max-width:900px){
  .registration-success-v108 .success-content-v108{order:1;}
  .registration-success-v108 .access-preview-wrap-v108.success-card-center-v146{order:2;}
  .registration-success-v108 .success-login-footer-v146{order:3;}
}