/* Add here all your CSS customizations */ #progressBar { display: none; width: 100%; background-color: #ddd; margin-top: 10px; } #progress { width: 0%; height: 20px; background-color: #4caf50; text-align: center; color: #fff; border-radius: 5px; } #copyBtn, #downloadBtnCsv, #downloadBtnXlsx { display: none; margin-top: 10px; width: 100%; } #copyMessage { display: none; color: green; } #spreadsheet-container { border: 1px solid #ddd; padding: 10px; border-radius: 5px; background-color: #f9f9f9; overflow-x: auto; max-width: 100%; } #spreadsheet { min-width: 800px; } #message, #messageWd { font-size: 1em; } /* Custom gradient button */ .custom-gradient-btn { background: linear-gradient(180deg, #4a90e2, #357abd, #2c6f9b); color: white; /* Mengubah teks menjadi putih agar kontras dengan latar belakang */ border: none; /* Menghilangkan border default */ padding: 10px 20px; /* Menyesuaikan padding tombol */ border-radius: 5px; /* Menambahkan radius pada sudut tombol */ box-shadow: none; /* Menghilangkan bayangan tombol default */ font-weight: bold; /* Menebalkan teks tombol */ } .custom-gradient-btn:hover { background: linear-gradient(180deg, #2c6f9b, #357abd, #4a90e2); /* Menyesuaikan gradien saat tombol di-hover */ color: white; }