.custom-button-mountanin {
    margin-top: 10px;
    display: inline-flex;
    align-items: center;
    /* Vertikal centering */
    justify-content: center;
    /* Horizontal centering */
    width: 100%;
    /* Tombol responsif */
    max-width: 200px;
    /* Ukuran maksimum tombol */
    height: 200px;
    /* Tinggi tombol */
    border: none;
    padding: 40px 50px;
    background-color: transparent;
    background-image: url('./../img/button/areas-btn-2-2.svg');
    /* Ganti dengan gambar latar belakang */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* Menyesuaikan gambar latar belakang */
    background-position: center;
    /* Memastikan gambar berada di tengah */
    font-family: 'Phudu', sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 50ms;
    transform: rotate(-5deg);
    /* Mencegah gambar keluar dari tombol */
}

.custom-button-mountanin:hover {
    background-image: url('./../img/button/areas-btn-2.svg');
    color: white;
    transition-duration: 50ms;
    cursor: pointer;
}

/* Responsif: Tombol menyesuaikan ukuran layar */
@media (max-width: 600px) {
    .custom-button-mountanin {
        height: 120px;
        /* Menurunkan tinggi tombol pada layar kecil */
        font-size: 34px;
        /* Mengurangi ukuran font pada layar kecil */
    }
}



.custom-button-walled {
    margin-top: 10px;
    display: inline-flex;
    align-items: center;
    /* Vertikal centering */
    justify-content: center;
    /* Horizontal centering */
    width: 100%;
    /* Tombol responsif */
    max-width: 300px;
    /* Ukuran maksimum tombol */
    height: 90px;
    /* Tinggi tombol */
    border: none;
    padding: 10px 20px;
    background-color: transparent;
    background-image: url('./../img/button/areas-btn-3.svg');
    /* Ganti dengan gambar latar belakang */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* Menyesuaikan gambar latar belakang */
    background-position: center;
    /* Memastikan gambar berada di tengah */
    font-family: 'Phudu', sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 50ms;
    /* Mencegah gambar keluar dari tombol */
}

.custom-button-walled:hover {
    background-image: url('./../img/button/areas-btn-3-3.svg');
    color: white;
    transition-duration: 50ms;
    cursor: pointer;
}

/* Responsif: Tombol menyesuaikan ukuran layar */
@media (max-width: 600px) {
    .custom-button-walled {
        height: 120px;
        /* Menurunkan tinggi tombol pada layar kecil */
        font-size: 34px;
        /* Mengurangi ukuran font pada layar kecil */
    }
}


.custom-button-far {
    margin-top: 10px;
    display: inline-flex;
    align-items: center;
    /* Vertikal centering */
    justify-content: center;
    /* Horizontal centering */
    width: 100%;
    /* Tombol responsif */
    max-width: 130px;
    /* Ukuran maksimum tombol */
    height: 130px;
    /* Tinggi tombol */
    border: none;
    padding: 40px 50px;
    background-color: transparent;
    background-image: url('./../img/button/areas-btn-8-8.svg');
    /* Ganti dengan gambar latar belakang */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* Menyesuaikan gambar latar belakang */
    background-position: center;
    /* Memastikan gambar berada di tengah */
    font-family: 'Phudu', sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 50ms;
    /* Mencegah gambar keluar dari tombol */
}

.custom-button-far:hover {
    background-image: url('./../img/button/areas-btn-8.svg');
    color: white;
    transition-duration: 50ms;
    cursor: pointer;
}

/* Responsif: Tombol menyesuaikan ukuran layar */
@media (max-width: 600px) {
    .custom-button-far {
        height: 120px;
        /* Menurunkan tinggi tombol pada layar kecil */
        font-size: 34px;
        /* Mengurangi ukuran font pada layar kecil */
    }
}


.custom-button-nature {
    margin-top: 10px;
    display: inline-flex;
    align-items: center;
    /* Vertikal centering */
    justify-content: center;
    /* Horizontal centering */
    width: 100%;
    /* Tombol responsif */
    max-width: 250px;
    /* Ukuran maksimum tombol */
    height: 70px;
    /* Tinggi tombol */
    border: none;
    padding: 20px 30px;
    background-color: transparent;
    background-image: url('./../img/button/areas-btn-1.svg');
    /* Ganti dengan gambar latar belakang */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* Menyesuaikan gambar latar belakang */
    background-position: center;
    /* Memastikan gambar berada di tengah */
    font-family: 'Phudu', sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 50ms;
    /* Mencegah gambar keluar dari tombol */
}

.custom-button-nature:hover {
    background-image: url('./../img/button/areas-btn-1-1.svg');
    color: white;
    transition-duration: 50ms;
    cursor: pointer;
}

/* Responsif: Tombol menyesuaikan ukuran layar */
@media (max-width: 600px) {
    .custom-button-nature {
        height: 120px;
        /* Menurunkan tinggi tombol pada layar kecil */
        font-size: 34px;
        /* Mengurangi ukuran font pada layar kecil */
    }
}



.custom-button-fortune {
    margin-top: 10px;
    display: inline-flex;
    align-items: center;
    /* Vertikal centering */
    justify-content: center;
    /* Horizontal centering */
    width: 100%;
    /* Tombol responsif */
    max-width: 180px;
    /* Ukuran maksimum tombol */
    height: 100px;
    /* Tinggi tombol */
    border: none;
    padding: 20px 30px;
    background-color: transparent;
    background-image: url('./../img/button/areas-btn-5-5.svg');
    /* Ganti dengan gambar latar belakang */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* Menyesuaikan gambar latar belakang */
    background-position: center;
    /* Memastikan gambar berada di tengah */
    font-family: 'Phudu', sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 50ms;
    /* Mencegah gambar keluar dari tombol */
}

.custom-button-fortune:hover {
    background-image: url('./../img/button/areas-btn-5.svg');
    color: white;
    transition-duration: 50ms;
    cursor: pointer;
}

/* Responsif: Tombol menyesuaikan ukuran layar */
@media (max-width: 600px) {
    .custom-button-fortune {
        height: 120px;
        /* Menurunkan tinggi tombol pada layar kecil */
        font-size: 34px;
        /* Mengurangi ukuran font pada layar kecil */
    }
}



.custom-button-little {
    margin-top: 10px;
    display: inline-flex;
    align-items: center;
    /* Vertikal centering */
    justify-content: center;
    /* Horizontal centering */
    width: 100%;
    /* Tombol responsif */
    max-width: 120px;
    /* Ukuran maksimum tombol */
    height: 120px;
    /* Tinggi tombol */
    border: none;
    padding: 20px 30px;
    background-color: transparent;
    background-image: url('./../img/button/areas-btn-6.svg');
    /* Ganti dengan gambar latar belakang */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* Menyesuaikan gambar latar belakang */
    background-position: center;
    /* Memastikan gambar berada di tengah */
    font-family: 'Phudu', sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 50ms;
    /* Mencegah gambar keluar dari tombol */
}

.custom-button-little:hover {
    background-image: url('./../img/button/areas-btn-6-6.svg');
    color: white;
    transition-duration: 50ms;
    cursor: pointer;
}

/* Responsif: Tombol menyesuaikan ukuran layar */
@media (max-width: 600px) {
    .custom-button-little {
        height: 120px;
        /* Menurunkan tinggi tombol pada layar kecil */
        font-size: 34px;
        /* Mengurangi ukuran font pada layar kecil */
    }
}



.custom-button-bablling {
    margin-top: 10px;
    display: inline-flex;
    align-items: center;
    /* Vertikal centering */
    justify-content: center;
    /* Horizontal centering */
    width: 100%;
    /* Tombol responsif */
    max-width: 220px;
    /* Ukuran maksimum tombol */
    height: 110px;
    /* Tinggi tombol */
    border: none;
    padding: 40px 50px;
    background-color: transparent;
    background-image: url('./../img/button/areas-btn-9.svg');
    /* Ganti dengan gambar latar belakang */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* Menyesuaikan gambar latar belakang */
    background-position: center;
    /* Memastikan gambar berada di tengah */
    font-family: 'Phudu', sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 50ms;
    /* Mencegah gambar keluar dari tombol */
}

.custom-button-bablling:hover {
    background-image: url('./../img/button/areas-btn-9-9.svg');
    color: white;
    transition-duration: 50ms;
    cursor: pointer;
}

/* Responsif: Tombol menyesuaikan ukuran layar */
@media (max-width: 600px) {
    .custom-button-bablling {
        height: 120px;
        /* Menurunkan tinggi tombol pada layar kecil */
        font-size: 34px;
        /* Mengurangi ukuran font pada layar kecil */
    }
}



.custom-button-courtyard {
    margin-top: 10px;
    display: inline-flex;
    align-items: center;
    /* Vertikal centering */
    justify-content: center;
    /* Horizontal centering */
    width: 100%;
    /* Tombol responsif */
    max-width: 230px;
    /* Ukuran maksimum tombol */
    height: 50px;
    /* Tinggi tombol */
    border: none;
    padding: 20px 30px;
    background-color: transparent;
    background-image: url('./../img/button/areas-btn-1.svg');
    /* Ganti dengan gambar latar belakang */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* Menyesuaikan gambar latar belakang */
    background-position: center;
    /* Memastikan gambar berada di tengah */
    font-family: 'Phudu', sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 50ms;
    /* Mencegah gambar keluar dari tombol */
}

.custom-button-courtyard:hover {
    background-image: url('./../img/button/areas-btn-1-1.svg');
    color: white;
    transition-duration: 50ms;
    cursor: pointer;
}

/* Responsif: Tombol menyesuaikan ukuran layar */
@media (max-width: 600px) {
    .custom-button-courtyard {
        height: 120px;
        /* Menurunkan tinggi tombol pada layar kecil */
        font-size: 34px;
        /* Mengurangi ukuran font pada layar kecil */
    }
}




.custom-button-settlement {
    margin-top: 10px;
    display: inline-flex;
    align-items: center;
    /* Vertikal centering */
    justify-content: center;
    /* Horizontal centering */
    width: 100%;
    /* Tombol responsif */
    max-width: 100px;
    /* Ukuran maksimum tombol */
    height: 100px;
    /* Tinggi tombol */
    border: none;
    padding: 20px 30px;
    background-color: transparent;
    background-image: url('./../img/button/areas-btn-10-10.svg');
    /* Ganti dengan gambar latar belakang */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* Menyesuaikan gambar latar belakang */
    background-position: center;
    /* Memastikan gambar berada di tengah */
    font-family: 'Phudu', sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 50ms;
    /* Mencegah gambar keluar dari tombol */
}

.custom-button-settlement:hover {
    background-image: url('./../img/button/areas-btn-10.svg');
    color: white;
    transition-duration: 50ms;
    cursor: pointer;
}

/* Responsif: Tombol menyesuaikan ukuran layar */
@media (max-width: 600px) {
    .custom-button-settlement {
        height: 120px;
        /* Menurunkan tinggi tombol pada layar kecil */
        font-size: 34px;
        /* Mengurangi ukuran font pada layar kecil */
    }
}


.custom-button-somewhere {
    margin-top: 10px;
    display: inline-flex;
    align-items: center;
    /* Vertikal centering */
    justify-content: center;
    /* Horizontal centering */
    width: 100%;
    /* Tombol responsif */
    max-width: 220px;
    /* Ukuran maksimum tombol */
    height: 110px;
    /* Tinggi tombol */
    border: none;
    padding: 40px 50px;
    background-color: transparent;
    background-image: url('./../img/button/areas-btn-4.svg');
    /* Ganti dengan gambar latar belakang */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* Menyesuaikan gambar latar belakang */
    background-position: center;
    /* Memastikan gambar berada di tengah */
    font-family: 'Phudu', sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 50ms;
    /* Mencegah gambar keluar dari tombol */
}

.custom-button-somewhere:hover {
    background-image: url('./../img/button/areas-btn-4-4.svg');
    color: white;
    transition-duration: 50ms;
    cursor: pointer;
}

/* Responsif: Tombol menyesuaikan ukuran layar */
@media (max-width: 600px) {
    .custom-button-somewhere {
        height: 120px;
        /* Menurunkan tinggi tombol pada layar kecil */
        font-size: 34px;
        /* Mengurangi ukuran font pada layar kecil */
    }
}