.dark-mode-toggle{margin-left:1rem;padding:.5rem;border-radius:.375rem;transition:all .3s ease;border:1px solid}.dark-mode-toggle--light{color:#111827;background-color:#f3f4f6;border-color:#e5e7eb}.dark-mode-toggle--light:hover{background-color:#e5e7eb;transform:scale(1.05)}.dark-mode-toggle--dark{color:#f9fafb;background-color:#1b1b1b;border-color:#494949}.dark-mode-toggle--dark:hover{background-color:#4b5563;border-color:#9ca3af}