.btn {
  color: $color-1;
  height: 40px;
  border: solid 1px $color-1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-family: $font-family-1;
  font-size: 13px;
  line-height: 1.2;
	letter-spacing: 0.5px;
  font-weight: 600;
  cursor: pointer;

  &.-dark {
    background-color: $color-1;
    color: $font-color-2;
  }
}

.btn {
  color: $color-1;
  height: 40px;
  border: solid 1px $color-1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  text-align: center;
  font-family: $font-family-1;
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: 0.5px;
  font-weight: 600;
  cursor: pointer;

  &.-dark {
    background-color: $color-1;
    color: $font-color-2;
  }
}

Align center when flex don't do that
Align center when flex don't do that
