#categoryMenuToggle {
  padding: 6px 12px;
  border: 1px solid #e5e7eb;
  background-color: #fff;
  transition: all 0.3s ease;
  border-radius: 99px; /* Pill shape */
}

#categoryMenuToggle:hover {
  border-color: #0880e1;
  background-color: #f0f9ff;
  box-shadow: 0 2px 8px rgba(8, 128, 225, 0.15);
}

#categoryMenuToggle:active {
  transform: scale(0.95);
}

#categoryMenuToggle i {
  font-size: 20px;
  color: #0880e1;
}

#categoryMenuToggle span {
  font-size: 14px;
  font-weight: 500;
  color: #374151;
}