[data-component~="components/button"] {
  display: inline-flex;
  align-items: center;
  padding: .25rem;
  &:has([data-component="components/icon"]) {
    line-height: 1;
    padding: .125rem .25rem;
  }
  background-color: var(--color-base-700);
  color: var(--color-base-100);
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-base-700);
  cursor: pointer;
  user-select: none;
}