.root {
  background-color: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  margin: var(--buttonMargin);
  padding: var(--buttonPadding);
}

.hiddenButton {
  opacity: 0;
}

.hiddenButton:focus {
  opacity: 1;
  outline: none;
  box-shadow: inset 0 0 0 1px var(--focusBorderColor);
  border-radius: calc(var(--focusBorderRadius) + 0.125rem);
}

@media screen and (--editButtonBreakPoint) {
  .hiddenButton {
    opacity: 1;
  }
}
