#theme-toggle {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 200;
  background: var(--text);
  color: var(--background);
  border: none;
  cursor: pointer;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
  padding: 0;
}

html.theme-transitioning,
html.theme-transitioning *,
html.theme-transitioning *::before,
html.theme-transitioning *::after {
  transition: 
    background-color .5s ease,
    color .5s ease,
    border-color .5s ease,
    box-shadow .5s ease !important;
}