/* Style for the entire scrollbar */
::-webkit-scrollbar {
  width: 12px;
}

/* Style for the scrollbar track (background) */
::-webkit-scrollbar-track {
  background: linear-gradient(to right, #f0f0f0, #e0e0e0);
  border-radius: 10px;
}

/* Style for the scrollbar thumb (the movable part) */
::-webkit-scrollbar-thumb {
  background: linear-gradient(to right, #ff9966, #ff5e62);
  border-radius: 10px;
  border: 2px solid #f0f0f0;
}

/* Hover effect for the thumb */
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(to right, #ff5e62, #ff9966);
}

/* Style for the scrollbar up and down buttons */
::-webkit-scrollbar-button {
  display: none;
}

/* To ensure compatibility with Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #ff9966 #f0f0f0;
}