.social-share .dropdown-menu { min-width: 225px }
.social-share .dropdown-menu li div { padding-left:5px;  }
.social-share .dropdown-menu li div .btn { border-radius:0; margin:0 }

/* =====================================================
   SOCIAL SHARE BUTTONS - Hover Effect
   ===================================================== */
 

 

/* =====================================================
   SOCIAL LOGIN BUTTONS (FB & Google di komentar/login)
   ===================================================== */
.xup-login .btn,
.social-login .btn {
    transition: all 0.3s ease;
}

.xup-login .btn:hover,
.social-login .btn:hover {
    background: linear-gradient(135deg, #FF6600, #00AA88) !important;
    border-color: transparent !important;
    color: #fff !important;
    border-radius: 25px !important;
    box-shadow: 0 5px 15px rgba(255, 102, 0, 0.4) !important;
    transform: translateY(-2px);
}

 

/* =====================================================
   DROPDOWN TOGGLE BUTTON
   ===================================================== */
.btn-dropdown:hover {
    background: linear-gradient(135deg, #FF6600, #00AA88) !important;
    border-color: transparent !important;
    color: #fff !important;
    border-radius: 25px !important;
    box-shadow: 0 5px 15px rgba(255, 102, 0, 0.4) !important;
    transform: translateY(-2px);
    transition: all 0.3s ease;
}

 

 

/* Tombol Login Komentar FB & Google */
.xup-login a,
.xup-login .btn {
    transition: all 0.3s ease;
}

.xup-login a:hover,
.xup-login .btn:hover {
    background: linear-gradient(135deg, #FF6600, #00AA88) !important;
    border-color: transparent !important;
    color: #fff !important;
    border-radius: 25px !important;
    box-shadow: 0 5px 15px rgba(255, 102, 0, 0.4) !important;
    transform: translateY(-2px);
}

/* Tombol Login Komentar FB & Google */
.signup-xup.btn-primary {
    transition: all 0.3s ease;
}

.signup-xup.btn-primary:hover {
    background: linear-gradient(135deg, #FF6600, #00AA88) !important;
    border-color: transparent !important;
    color: #fff !important;
    border-radius: 25px !important;
    box-shadow: 0 5px 15px rgba(255, 102, 0, 0.4) !important;
    transform: translateY(-2px);
}
/* Tombol Facebook di komentar */
.signup-xup.btn-primary:first-child:hover,
a.signup-xup:hover {
    background: linear-gradient(135deg, #FF6600, #00AA88) !important;
    border-color: transparent !important;
    color: #fff !important;
    border-radius: 25px !important;
    box-shadow: 0 5px 15px rgba(255, 102, 0, 0.4) !important;
    transform: translateY(-2px);
}

/* Tombol Register - tengah dan hover effect */
.row.m-2 {
    justify-content: center !important;
    text-align: center !important;
}

.row.m-2 .btn,
input[type="submit"].btn {
    transition: all 0.3s ease;
}

.row.m-2 .btn:hover,
input[type="submit"].btn:hover {
    background: linear-gradient(135deg, #FF6600, #00AA88) !important;
    border-color: transparent !important;
    color: #fff !important;
    border-radius: 25px !important;
    box-shadow: 0 5px 15px rgba(255, 102, 0, 0.4) !important;
    transform: translateY(-2px);
}