.tools_dropdown_btn {
  background: none;
}
.tools_dropdown_btn:hover {
  background: none;
}
.tools_dropdown_mob_btn, .tools_dropdown_mob_btn:hover {
  background: none;
  border: 1px solid #ededed;
}
/* Time Zone Checker Clock Container */
.timezone-checker-clock {
  border: 2px solid #d1d5db; /* Matches Tailwind border-gray-300 */
  border-radius: 50%;
  position: relative;
  background: white;
}

/* Hour Hand */
#timezone-checker-hour-hand {
  height: 4rem; /* 64px, matches h-16 */
  width: 0.25rem; /* 4px */
  background: #1f2937; /* Matches Tailwind bg-gray-800 */
  transform-origin: bottom;
  margin-left: -0.125rem; /* -2px to center */
}

/* Minute Hand */
#timezone-checker-minute-hand {
  height: 5rem; /* 80px, matches h-20 */
  width: 0.125rem; /* 2px */
  background: #1f2937; /* Matches Tailwind bg-gray-800 */
  transform-origin: bottom;
  margin-left: -0.0625rem; /* -1px to center */
}

/* Second Hand */
#timezone-checker-second-hand {
  height: 6rem; /* 96px, matches h-24 */
  width: 0.125rem; /* 2px */
  background: #ef4444; /* Matches Tailwind bg-red-500 */
  transform-origin: bottom;
  margin-left: -0.0625rem; /* -1px to center */
}

/* Center Dot */
.timezone-checker-center-dot {
  width: 0.5rem; /* 8px */
  height: 0.5rem; /* 8px */
  background: #1f2937; /* Matches Tailwind bg-gray-800 */
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Hour Markers */
.timezone-checker-hour-marker {
  font-size: 0.75rem; /* Matches Tailwind text-sm */
  color: #4b5563; /* Matches Tailwind text-gray-600 */
}

/* Second Markers */
.timezone-checker-second-marker::before {
  content: '';
  position: absolute;
  top: 0.25rem; /* 4px */
  left: 50%;
  width: 1px;
  height: 0.25rem; /* 4px */
  background: #9ca3af; /* Matches Tailwind bg-gray-400 */
  transform-origin: center;
}