.kara-btn {
  height: 108px;
  text-align: center;
  outline: none;
  border: transparent;
  cursor: pointer;

  // 常规按钮设定
  &-orange {
    background-color: #ed7612;
    color: #fff;
  }

  &-green {
    background-color: #10ac47;
    color: #fff;
  }

  &-red {
    background-color: #ff503e;
    color: #fff;
  }

  &-blue {
    background-color: #337ab7;
    color: #fff;
  }

  &-aqua {
    background-color: #5bc0de;
    color: #fff;
  }

  &-grey {
    background-color: #b8b8b8;
    color: #fff;
  }

  &-white {
    background-color: #f7f7f7;
    color: #fff;
    border: 1px solid #e8e8e8;
  }

  &-link {
    background-color: transparent;
    color: #1d94d2;
    border: none;
  }

  // 按钮大小设置, 限定高度
  &-sm {
    height: 24px;
    border-radius: 4px;
    font-size: 14px;
  }

  &-default {
    height: 30px;
    border-radius: 2px;
    font-size: 14px;
  }

  &-md {
    height: 40px;
    border-radius: 4px;
    font-size: 20px;
  }

  &-full-width {
    height: 60px;
    font-size: 20px;
  }
}