/* ============================= */
/* FLOATING AUTH BUTTON */
/* ============================= */

.floating-auth {
  position: fixed;
  top: 430px; /* lebih turun untuk desktop */
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 30px;
  z-index: 9999;
}

/* Base button */
.floating-auth .btn {
  padding: 14px 90px; /* 3x lebih panjang */
  border-radius: 50px;
  font-size: 20px; /* tulisan diperbesar */
  font-weight: 700;
  letter-spacing: 1.5px;
  text-decoration: none;
  color: #ffffff;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
  box-shadow: 0 10px 25px rgba(0,0,0,0.5);
}

/* LOGIN - Biru */
.floating-auth .login-btn {
  background: linear-gradient(90deg, #2196ff, #0066ff);
  box-shadow: 0 0 25px rgba(0,120,255,0.9);
}

.floating-auth .login-btn:hover {
  transform: translateY(-4px);
  box-shadow: 0 0 35px rgba(0,150,255,1);
}

/* DAFTAR - Ungu */
.floating-auth .daftar-btn {
  background: linear-gradient(90deg, #8e2de2, #b06bff);
  box-shadow: 0 0 25px rgba(160,80,255,0.9);
}

.floating-auth .daftar-btn:hover {
  transform: translateY(-4px);
  box-shadow: 0 0 35px rgba(180,120,255,1);
}

/* ============================= */
/* MOBILE VERSION */
/* ============================= */

@media (max-width: 768px) {

  .floating-auth {
    flex-direction: column;
    top: 380px; /* lebih turun untuk mobile */
    gap: 18px;
  }

  .floating-auth .btn {
    padding: 14px 40px; /* height lebih kecil */
    width: 200px; /* lebar tetap */
    font-size: 18px; /* tulisan tetap besar */
    text-align: center;
  }
}