#floating-accessibility-wrapper {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 9999;
}

#accessibility-toggle {
  background-color: #003300;
  color: white;
  border: none;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  font-size: 22px;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
}

#accessibility-toggle:hover {
  background-color: #188223;
  transform: rotate(90deg);
}

#floating-accessibility {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
}

#floating-accessibility.hidden {
  display: none;
}

#floating-accessibility button {
  background-color: #003300;
  color: white;
  border: none;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  font-size: 16px;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}

#floating-accessibility button:hover {
  background-color: #ffcc00;
  transform: scale(1.1);
}

body.dark-mode {
  background-color: #151515;
  color: #e0e0e0;
}

body.dark-mode a {
  color: #188223;
}