%inverted-text{
  -webkit-font-smoothing: antialiased;
}

%base-button {
  border: 1px solid #000;
  padding: 0.5rem 1rem;
  border-radius: 3px;
  border: none;
  outline: none;
  font-size: inherit;
  color: white;
  @extend %inverted-text;

  &:disabled {
    filter: grayscale(85%);
  }
}