.folderButton {
  width: 100%;
  display: block;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid transparent;
  transition: background-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
  cursor: pointer;
}

.folderButton:hover {
  background-color: var(--mantine-color-gray-0);
  border-color: var(--mantine-color-gray-3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
}

.folderButton:active {
  transform: translateY(0.5px);
}

.folderButton:focus-visible {
  outline: 2px solid var(--mantine-color-blue-5);
  outline-offset: 2px;
}


