#dark-mode-toggle {
  width: 60px;
  height: 35px;
  background: #101010;
  background-image: url("https://zeroprompt.tech/wp-content/uploads/2025/08/icon-moon.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 0px) center;
  background-size: 20px 20px; 
  border-radius: 50px;
  position: relative;
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
}

#dark-mode-toggle .toggle-thumb {
  width: 25px;
  height: 25px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: 5px;
  transition: transform 0.3s ease;
}

html[data-scheme="dark"] #dark-mode-toggle {
  background: #fff;
  background-image: url("https://zeroprompt.tech/wp-content/uploads/2025/08/icon-sun.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 85%) center;
  background-size: 25px 25px; 
}

html[data-scheme="dark"] #dark-mode-toggle .toggle-thumb {
  transform: translateX(28px);
  background-color: #101010;
}