_buttons.scss

.btn {
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: inherit;
  background-color: transparent;
  color: var(--color-text);
  font-weight: 700;
  font-family: var(--font-primary);
  padding: 0.8rem 1.6rem;
  border-radius: var(--border-radius);
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 1px;

  &--primary {
    background-color: var(--color-accent);
    color: var(--color-text);
  }
  &--dark {
    background-color: var(--color-dark);
    color: #fff;
  }
  &--black {
    background-color: #000;
    color: #fff;
  }
}