.elementor-189 .elementor-element.elementor-element-4d955f0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-189 .elementor-element.elementor-element-53ed99d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-189 .elementor-element.elementor-element-047b804{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-189 .elementor-element.elementor-element-29fb31a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-189 .elementor-element.elementor-element-886ba96{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for container, class: .elementor-element-886ba96 *//* FLOATING NAVIGATION - TRANSPARAN */

.elementor-189 .elementor-element.elementor-element-886ba96 {
    position: fixed !important;
    left: 50% !important;
    bottom: 18px !important;
    top: auto !important;
    transform: translateX(-50%) !important;

    width: max-content !important;
    max-width: calc(100% - 20px) !important;
    min-height: 0 !important;
    height: auto !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;

    gap: 7px !important;
    padding: 0 !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* SETIAP TOMBOL */
.elementor-189 .elementor-element.elementor-element-886ba96 .elementor-button {
    background: #0B0B0D !important;
    color: #E2C07A !important;

    border: 1px solid #C9A45C !important;
    border-radius: 30px !important;

    padding: 9px 14px !important;
    min-height: 0 !important;

    font-size: 10px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;

    box-shadow: 0 3px 12px rgba(0,0,0,.18) !important;
    transition: all .3s ease !important;
}

/* HOVER */
.elementor-189 .elementor-element.elementor-element-886ba96 .elementor-button:hover {
    background: #C9A45C !important;
    color: #0B0B0D !important;
    border-color: #C9A45C !important;
}

/* MOBILE */
@media (max-width: 600px) {
    .elementor-189 .elementor-element.elementor-element-886ba96 {
        bottom: 12px !important;
        gap: 4px !important;
    }

    .elementor-189 .elementor-element.elementor-element-886ba96 .elementor-button {
        padding: 8px 9px !important;
        font-size: 9px !important;
    }
}/* End custom CSS */