.pi1-btn {
	background-color: #002C8F; /* Warna asal */
	color: white;
	border: none;
	transition: background-color 0.4s ease, transform 0.4s ease; /* Animasi transisi */
	font-size: 16px;
	padding: 5px 10px;
	cursor: pointer;
}
.pi1-btn:hover {
	background-color: #00D1F9; /* Warna saat mouse hover */
	transform: translateY(-5px); /* Slide up */
}
.pi2-btn {
	position: relative;
	background-color: #00D1F9; /* Warna asal */
	color: white;
	border: none;
	overflow: hidden; /* Penting agar efek animasi tetap dalam batas tombol */
	font-size: 16px;
	padding: 5px 10px;
	cursor: pointer;
	transition: color 0.3s ease; /* Animasi teks berubah jika diperlukan */
	border-radius: 8px;
}

.pi2-btn::before {
	content: "";
	position: absolute;
	top: 100%; /* Mulai dari bawah */
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #002C8F; /* Warna pengganti */
	transition: top 0.4s ease; /* Animasi pergantian warna */
	z-index: 0; /* Pastikan di belakang teks */
}

.pi2-btn:hover::before {
	top: 0; /* Geser ke atas untuk menutupi warna asli */
}

.pi2-btn span {
	position: relative;
	z-index: 1; /* Pastikan teks selalu di atas */
}
.pi2-icon {
	color: #00D1F9;
}
.pi-text {
	color: #00D1F9;
}
.pi-text-edt {
	color: #0099ff;
}
.pi-text-hps {
	color: #1a75ff;
}
.pi-text-hps-dis {
	color: #b3e0ff;
}
.isicaptcha {
	font-family: Consolas;
	font-size: 17px;
	font-weight: bold;
}
.pi-head {
  background-color: #0099ff !important; /* biru */
  color: #fff !important;              /* teks putih */
}