lixin-web/webapp/less/lottery/button-groups.less

vue and bootstrap

.lottery-button-groups{
  .btn{
    margin-bottom: 10px;
    &:hover{
      color: @brand-primary;
    }
    &:active{
      box-shadow: none;
    }
    span{
      margin-right: 6px;
      .icon-alignment();
    }
  }
  .btn-primary{
    font-size:@font-size-large + 2;

    &:hover,&:active{
      color: #fff;
    }
    .imoon-right{
      font-size: 26px!important;
      top:-.05em!important;
    }
  }

  @media (max-width:@screen-sm-max){
    //margin-top: 10px;
  }
}