.elementor-1340 .elementor-element.elementor-element-34c4104{--display:flex;--min-height:150px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1340 .elementor-element.elementor-element-34c4104:not(.elementor-motion-effects-element-type-background), .elementor-1340 .elementor-element.elementor-element-34c4104 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-3f2a185 ) 0%, var( --e-global-color-46f66a6 ) 100%);}.elementor-1340 .elementor-element.elementor-element-561c9a0{--display:flex;--min-height:100px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1340 .elementor-element.elementor-element-04da622{margin:35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1340 .elementor-element.elementor-element-04da622 .elementor-heading-title{font-family:"Echomotors Script", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-4c38360 );}.elementor-1340 .elementor-element.elementor-element-c87643c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1340 .elementor-element.elementor-element-cd1a566{--display:flex;}.elementor-1340 .elementor-element.elementor-element-4bd7e1aa.elementor-element{--align-self:stretch;}/* Start custom CSS for shortcode, class: .elementor-element-4bd7e1aa *//* Container utama tombol - Paksa jadi baris (kesamping) */
.um .um-col-alt {
    float: none !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important; /* Paksa ke samping */
    justify-content: space-between !important;
    gap: 15px !important; /* Jarak antar tombol */
    margin-top: 25px !important;
    clear: both !important;
}

/* Memastikan elemen pembungkus tombol tidak memakan baris sendiri */
.um .um-left, .um .um-right {
    float: none !important;
    width: 50% !important; /* Masing-masing tombol ambil setengah lebar */
}

/* Styling Button agar ukurannya pas dalam baris */
.um .um-button, 
.um input[type=submit].um-button, 
.um a.um-button {
    width: 100% !important;
    height: 50px !important;
    line-height: 50px !important;
    padding: 0 !important;
    border-radius: 8px !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px !important; /* Ukuran font sedikit dikecilkan agar muat kesamping */
    text-align: center !important;
    display: block !important;
    transition: all 0.3s ease !important;
}

/* --- HOVER LOGIC --- */

/* Register Button (Halaman Register) & Hovernya */
.um-register input[type=submit].um-button {
    background-color: #4a2c0f !important;
}
.um-register input[type=submit].um-button:hover {
    background-color: #c1a386 !important;
}

/* Login Button (Halaman Login) & Hovernya */
.um-login input[type=submit].um-button {
    background-color: #4a2c0f !important;
}
.um-login input[type=submit].um-button:hover {
    background-color: #4a2c0f !important; /* Tetap cokelat tua sesuai request */
    opacity: 0.9;
}

/* Tombol Alternatif (Tombol kedua yang disampingnya) */
.um a.um-button.um-alt {
    background-color: #f0f0f0 !important;
    color: #4a2c0f !important;
}

/* Khusus Hover Login jika dia jadi tombol kedua */
.um-register a.um-button.um-alt:hover {
    background-color: #4a2c0f !important;
    color: #fff !important;
}

/* --- RESPONSIVE UPDATE --- */

@media screen and (max-width: 600px) {
    /* Mengubah arah baris menjadi kolom pada layar kecil */
    .um .um-col-alt {
        flex-direction: column !important;
        gap: 10px !important;
    }

    /* Memastikan pembungkus tombol memakan lebar penuh saat mode kolom */
    .um .um-left, .um .um-right {
        width: 100% !important;
    }
    
    /* Sedikit menyesuaikan ukuran font agar tidak terlalu besar di layar sempit */
    .um .um-button, 
    .um input[type=submit].um-button, 
    .um a.um-button {
        font-size: 14px !important;
        height: 45px !important;
        line-height: 45px !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Echomotors Script';
	font-display: auto;
	src: url('https://tenunikatsaraswati.com/wp-content/uploads/2025/12/Echomotors-Script-Demo.ttf') format('truetype');
}
/* End Custom Fonts CSS */