.toolbar-wrapper {
   position: relative;
}

.toolbar-wrapper > .toolbar {
  display: inline-flex;
  opacity: 0;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  transition: opacity .3s ease-in-out;
  z-index: 10;
}

.toolbar-wrapper:hover > .toolbar {
  opacity: 1;
  transition: opacity .1s ease-in-out;
}

.toolbar-wrapper > .toolbar-item {
  display: inline-flex;
}

.toolbar-item > button {
  background: rgb(var(--color-gray-600) / 1);
  border-radius: .25rem;
  color: rgb(var(--color-gray-50) / 1);
  font-size: .8125rem;
  opacity: .6;
  padding: .25rem;
}