.btn-toggle {
  display: inline-block;
  width: 200px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  padding: 10px 10px;
  color: white;
  background: linear-gradient(16deg, #6199e2, #933dcd);
  border: 3px solid #83b0ea;
  border-radius: 50px;
  background-clip: border-box;
  -webkit-text-fill-color: white;
  transition: background 0.5s ease, border 0.5s ease, color 0.5s ease,
    -webkit-text-fill-color 0.5s ease, text 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

.btn-toggle:hover {
  background: linear-gradient(16deg, #6199e2, #933dcd);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  border: 3px solid #98bded;
  box-shadow: 0px 3px 13px #7b559a;
  transform: scale(0.93);
}

/* Styling for Deskripsi Section Start */
.card-deskripsi {
  background: rgba(255, 255, 255, 0.094);
  border-radius: 20px;
  border: 1px solid #c7c7c754;
}
/* Styling for Deskripsi Section End */

/* Styling for Capaian Section Start */
.capaian-card {
  background: rgba(255, 255, 255, 0.094);
  border-radius: 20px;
  border: 1px solid #c7c7c754;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.capaian-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 32px rgba(0, 0, 0, 0.12);
}

.ul-capaian {
  list-style: decimal;
}

.h1-capaian {
  font-size: 28px;
}
/* Styling for Capaian Section End */

/* Styling for Implementasi Section Start */
.implementasi-card {
  width: 550px;
  background: rgba(255, 255, 255, 0.094);
  border-radius: 20px;
  border: 1px solid #c7c7c754;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.implementasi-card:hover {
  transform: perspective(1000px) rotateX(4deg) rotateY(-4deg);
}
/* Styling for Implementasi Section End */