.elementor-1629 .elementor-element.elementor-element-cc9eb27{--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-1629 .elementor-element.elementor-element-abc8cad{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-78ce0fd *//* 1. Reset container utama agar rapi */
.otbd-share-links {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. Hapus background, border, dan shadow pada elemen link/tombol */
.otbd-share-links a,
.otbd-share-links button {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    text-decoration: none !important;
    display: inline-flex !important; /* Membantu perataan ikon */
    align-items: center !important;
    justify-content: center !important;
    padding: 5px !important; /* Sesuaikan jika ikon terlalu mepet */
}

/* 3. Paksa hapus background/shadow pada elemen anak (span/icon/svg) bawaan Elementor */
.otbd-share-links a *,
.otbd-share-links button * {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. (Opsional) Mengatur warna ikon saat di-hover */
.otbd-share-links a:hover *,
.otbd-share-links button:hover * {
    opacity: 0.8 !important; /* Sedikit memudar saat disentuh */
}

/* 1. Hapus background, kotak abu-abu, dan shadow bawaan theme pada tombol */
.otbd-copy {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 5px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: relative; /* Wajib ada untuk posisi ikon gradient */
    cursor: pointer;
}

/* 2. Sembunyikan warna asli SVG (tapi pertahankan ukurannya agar tombol tidak mengecil) */
.otbd-copy svg {
    opacity: 0 !important;
}

/* 3. Tampilkan warna gradient dengan bentuk ikon Copy (Trik Masking) */
.otbd-copy::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    
    /* Warna Gradient yang kamu minta */
    background: linear-gradient(135deg, #BFFB05, #01E671) !important;
    
    /* URL encode dari SVG Copy yang kamu berikan */
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='8' y='8' width='12' height='12' rx='2'%3E%3C/rect%3E%3Cpath d='M15 8V4H4v11h4'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='8' y='8' width='12' height='12' rx='2'%3E%3C/rect%3E%3Cpath d='M15 8V4H4v11h4'%3E%3C/path%3E%3C/svg%3E");
    
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    
    /* Posisikan persis di tengah tombol */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none; /* Agar tidak menghalangi aksi klik pada tombol */
}

/* 4. (Opsional) Efek redup saat tombol di-hover */
.otbd-copy:hover::after {
    opacity: 0.8;
}/* End custom CSS */