.button {
  border-radius: 4px;
  border: 1px solid var(--color-text);
  color: var(--color-background);
  background-color: var(--color-text);
  cursor: pointer;
  transition: all 0.25s;

  &.size-small {
    padding: 2px 16px;
    font-size: 0.8rem;
  }

  &.variant-outline {
    color: var(--color-text);
    background-color: var(--color-background);
    border: 1px solid var(--color-text);

    &:hover {
      border: 1px solid var(--color-text);
      color: var(--color-background);
      background-color: var(--color-text);
    }
  }
}