.barebutton {
  display: flex;
  place-items: center;
  column-gap: .2rem;
  user-select: none;
  outline: none;
  padding: 0;

  background: transparent;
  border: none;

  &:active {
    text-decoration: underline;
  }

  &--enabled {
    @media screen and (min-width: 600px) {
      cursor: pointer;
    }
  }

  &--disabled {
    cursor: not-allowed;
    opacity: .5;
  }
}