.button {
  display: inline-block;
  align-items: center;
  border-radius: 0.2em;
  cursor: pointer;
}

.button:hover {
  cursor: pointer;
  background-color: var(--vscode-button-secondaryHoverBackground);
  color: var(--vscode-button-secondaryForeground);
}

.button:hover .buttonChild {
  color: var(--vscode-button-secondaryForeground);
}

.button.md {
  padding: 0.25rem 0.5rem;
}

.button.sm {
  padding: 0.25rem;
}

.button.text {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.button.submit {
  padding: 5px;
  background-color: none;
}

.button.submit:hover {
  background-color: var(--vscode-button-secondaryHoverBackground);
  color: white;
}

.button.danger {
  color: red;
  background-color: white;
}

.button.danger:hover {
  background-color: rgb(246, 68, 68);
  color: white;
}

.button.secondary {
  background-color: none;
  border-radius: 0.2em;
}

.button.secondary:hover {
  background-color: var(--vscode-button-secondaryHoverBackground);
  color: var(--vscode-button-secondaryForeground);
  border-radius: 0.2em;
}

.button .icon {
  display: flex;
  padding: 0;
  align-items: center;
}

.button.primary {
  background-color: var(--vscode-button-background);
}

.button.primary:hover {
  background-color: var(--vscode-button-hoverBackground);
}
