body {
    margin: 8% 5% 5% 5%;
}
form .col{
    padding-bottom: 2%;
}
.card-custom {
    border: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card-custom:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    border: 2px solid #0d6efd;
}
.icon-box {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto 20px;
}
.icon-blue { background-color: #e0f7fa; }
.icon-orange { background-color: #ffecb3; }
.icon-green { background-color: #c8e6c9; }
.icon-red { background-color: #ffcdd2; }

.button-container {
display: flex;
justify-content: flex-end; /* Tombol berada di pojok kanan */
margin-top: 20px; /* Jarak dari tabel */
}

.btn-add {
background-color: #2e466b; /* Warna biru tua */
color: #ffffff; /* Warna teks putih */
text-decoration: none; /* Hilangkan garis bawah pada link */
padding: 8px 16px; /* Ukuran tombol */
font-size: 14px;
border-radius: 5px; /* Sudut tombol melengkung */
transition: background-color 0.3s ease;
text-align: center;
}

.btn-add:hover {
background-color: #3a5780; /* Warna lebih terang saat hover */
}

.ketformmedia{
    font-size: 12px;
    color:  rgba(14, 12, 12, 0.647);
	font-style:italic;
}