//Coloristic
.btn-profit, .btn-green {
  color: var(--color);
  background-color: var(--success);
}
.btn-lose, .btn-red {
  color: var(--color);
  background-color: var(--error);
}
.btn-gray, .btn-default{
  color: var(--color);
  background-color: var(--grey-300);
}


$size: xs sm md lg xlg;
$i: 0;

@each $col in 0.75, 0.85, 1, 1.1, 1.3 {
  $i: $i + 1;
  .btn-#{nth($size, $i)} {
    font-size: ($col)+rem;
    border-radius: 2px;
    padding: ($col/5)+rem ($col/2)+rem ;
  }
}