src/styles/Transaction.css

.detail-conservation-header img {
  width: 100%; /* Menyesuaikan lebar gambar dengan lebar elemen kontainer */
  max-width: 90rem; /* Batas maksimum ukuran gambar */
  height: auto; /* Menjaga rasio aspek gambar */
  display: block;
  margin: 0 auto; /* Agar gambar berada di tengah */
  margin-top: 6rem;
  margin-bottom: 3rem;

  width: 1318px;
  height: 393px;
}

h2{
  color:white;
  font-size: 64;
  font-weight: bold;    
  margin-bottom: 20px; 
}

p{
  font-size: 22;
  margin-bottom: 55px; 
  text-align: justify;
}

h5{
  color: white;

}

.container-transaction{
    max-width: calc(100% - 100px); /* Sesuaikan dengan margin */
    margin: 0 auto; /* Pastikan margin kiri dan kanan sama */
}

  .row {
    width: 90%;
    display: flex;
    flex-direction: column;
  }

  .form-label {
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 8px;
  }

  .available {
    font-size: 14px;
    color: #999;
    margin-top: 2px;
    margin-bottom: 8px;
  }

  .form-input {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    border: 2px solid #1c8c8e;
    border-radius: 8px;
    background-color: #070E16;
    color: #ffffff;
  }

  .form-input::placeholder {
    color: #888888;
  }

  .text-content {
    border-bottom: 1px solid #888888;
  }

  .submit-button {
    border: 2px solid #007bff; /* Warna biru */
    color: #007bff; /* Warna teks biru */
    display: block; /* Agar bisa di-center */
    margin: 0 auto; /* Menengahkan tombol */
    padding: 10px 20px; /* Menambahkan padding untuk memperbesar tombol */
    text-align: center; /* Menjaga teks tetap terpusat */
    width: fit-content; /* Lebar tombol sesuai dengan konten */
    border-radius: 5px; /* Opsional: untuk sudut yang lebih halus */
    background-color: transparent; /* Membuat latar belakang tombol transparan */
}

  .submit-button:hover {
    background-color: #007bff; /* Latar belakang biru saat hover */
    color: white; /* Warna teks putih saat hover */
}

.gradient-circle {
  width: 900px; 
  height: 900px;
  background: radial-gradient(circle, rgba(0, 61, 109, 0.5), rgba(0, 61, 109, 0.1));
  border-radius: 50%;
  filter: blur(100px); 
  position: absolute; 
  top: -300px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1; 
}