/* CONTAINER MENU OJS */
.modern-ojs-menu {
    display: flex;
    flex-direction: column;
    gap: 10px; /* Jarak antar tombol */
    /* Pastikan tombol memenuhi lebar sidebar */
    width: 100%;
}

/* GAYA DASAR TOMBOL */
.modern-button {
    display: block;
    padding: 14px 10px;
    text-align: ;
    text-decoration: none;
    font-size: 12px; /* Ukuran font lebih kecil agar muat di sidebar */
    font-weight: 600; 
    color: #ffffff !important; /* Penting: Override gaya bawaan OJS */
    
    /* Gradien Biru Profesional */
    background: linear-gradient(145deg, #0072bc 0%, #005691 100%);
    border: none;
    border-radius: 8px; /* Sudut membulat */
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); 
    transition: all 0.3s ease-in-out; 
    text-transform: uppercase; 
    letter-spacing: 0.5px;
}

/* EFEK HOVER */
.modern-button:hover {
    background: linear-gradient(145deg, #005691 0%, #0072bc 100%);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); 
    transform: translateY(-2px); /* Mengangkat tombol sedikit */
}

/* GAYA KHUSUS TOMBOL CALL TO ACTION (CTA) */
.cta-button {
    margin-top: 15px; /* Jarak tambahan dari menu di atas */
    font-size: 15px;
    /* Gradien Merah */
    background: linear-gradient(145deg, #e74c3c 0%, #c0392b 100%); 
    box-shadow: 0 4px 10px rgba(231, 76, 60, 0.4); 
}

.cta-button:hover {
    background: linear-gradient(145deg, #c0392b 0%, #e74c3c 100%);
    box-shadow: 0 8px 15px rgba(231, 76, 60, 0.6);
}