/* Menggunakan sudut yang sedikit membulat hanya pada gambar unggulan */
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    border-radius: 5px;
}

/* Menambahkan sedikit shadow dan ujung yang membulat pada tombol */
.wp-block-button__link.has-luminous-vivid-amber-background-color.has-background.wp-element-button {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    transition: transform 0.2s ease-in-out; /* Efek transisi untuk perubahan transformasi */
}

/* Efek "shrink" saat tombol di-hover */
.wp-block-button__link.has-luminous-vivid-amber-background-color.has-background.wp-element-button:hover {
    transform: scale(0.95);
}

/* Mengubah gaya tombol yang dibuat dengan block builder Gutenberg */
.wp-block-button__link {
    border-radius: 30px; /* Menentukan radius sudut ujung */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Menambahkan sedikit bayangan */
    transition: transform 0.3s ease-in-out; /* Menambahkan efek transisi */
}

/* Efek shrink saat di-hover */
.wp-block-button__link:hover {
    transform: scale(0.95); /* Menyusutkan tombol saat di-hover */
}

/* Jika Anda ingin menyesuaikan gaya untuk tombol tertentu, lihat kelas atau ID yang sesuai di inspeksi elemen browser */
.wp-block-button__link.special-button {
    /* Aturan gaya khusus di sini */
}

/* Jika Anda ingin menyesuaikan efek shrink untuk tombol tertentu saat di-hover */
.wp-block-button__link.special-button:hover {
    transform: scale(0.95); /* Menyusutkan tombol khusus saat di-hover */
}

/* Mengatur header menjadi fixed (tetap di bagian atas) */
.site-header {
    position: fixed;
    width: 100%;
    z-index: 1000; /* Atur nilai z-index agar header tetap di depan konten */
    top: 0;
    background-color: #000000; /* Ganti dengan warna latar yang Anda inginkan */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Efek bayangan (optional) */
}

/* Mengatur margin konten agar tidak tertutup oleh header */
.site-main {
    margin-top: 100px; /* Sesuaikan nilai dengan tinggi header Anda */
}

/* Sesuaikan margin atau padding pada elemen judul halaman */
body {
    margin-top: 80px; /* Sesuaikan nilai sesuai kebutuhan */
}
