/* Notebook Navigator Rainbow Buttons */ .make-it-wider.btn-1 { color: #ef4444; } .make-it-wider.btn-1:hover { background-color: #ef4444; color: white !important; } .make-it-wider.btn-2 { color: #f97316; } .make-it-wider.btn-2:hover { background-color: #f97316; color: white !important; } .make-it-wider.btn-3 { color: #f59e0b; } .make-it-wider.btn-3:hover { background-color: #f59e0b; color: white !important; } .make-it-wider.btn-4 { color: #eab308; } .make-it-wider.btn-4:hover { background-color: #eab308; color: white !important; } .make-it-wider.btn-5 { color: #84cc16; } .make-it-wider.btn-5:hover { background-color: #84cc16; color: white !important; } .make-it-wider.btn-6 { color: #22c55e; } .make-it-wider.btn-6:hover { background-color: #22c55e; color: white !important; } .make-it-wider.btn-7 { color: #10b981; } .make-it-wider.btn-7:hover { background-color: #10b981; color: white !important; } .make-it-wider.btn-8 { color: #14b8a6; } .make-it-wider.btn-8:hover { background-color: #14b8a6; color: white !important; } .make-it-wider.btn-9 { color: #06b6d4; } .make-it-wider.btn-9:hover { background-color: #06b6d4; color: white !important; } .make-it-wider.btn-10 { color: #0ea5e9; } .make-it-wider.btn-10:hover { background-color: #0ea5e9; color: white !important; } .make-it-wider.btn-11 { color: #3b82f6; } .make-it-wider.btn-11:hover { background-color: #3b82f6; color: white !important; } .make-it-wider.btn-12 { color: #6366f1; } .make-it-wider.btn-12:hover { background-color: #6366f1; color: white !important; } .make-it-wider.btn-13 { color: #8b5cf6; } .make-it-wider.btn-13:hover { background-color: #8b5cf6; color: white !important; } .make-it-wider.btn-14 { color: #a855f7; } .make-it-wider.btn-14:hover { background-color: #a855f7; color: white !important; } .make-it-wider.btn-15 { color: #d946ef; } .make-it-wider.btn-15:hover { background-color: #d946ef; color: white !important; } .make-it-wider.btn-16 { color: #ec4899; } .make-it-wider.btn-16:hover { background-color: #ec4899; color: white !important; } .make-it-wider.btn-17 { color: #f43f5e; } .make-it-wider.btn-17:hover { background-color: #f43f5e; color: white !important; }