@import './_base.styl'

.tn-pushGroup
  display flex
  margin-bottom: -9px;
  padding 9px 7.5px 0
  flex-wrap wrap
  & > div,
  & > a
    margin-bottom 9px
    padding 0 4.5px
    // &:nth-child(1),&:nth-child(2),&:nth-child(3),&:nth-child(4){
    //   margin-top 0
    // }
    // &:first-child, &:nth-child(4n+1)
    //   padding-left 0
  &:first-child
    padding-top 0
  &.tn-pushGroup-much
    .tn-pushButton
      flex: inherit;
.tn-pushButton
  position relative
  box-sizing border-box
  flex 1
  width 25%
  height 80px
  display flex
  flex-direction column
  align-items center
  justify-content center
  background #fff
  // border-radius 6px
  // border 1px solid #EBEBEB
  .tn-pushButton__border
    display flex
    // margin-right 10px
    width 100%
    height 100%
    border-radius 6px
    border 1px solid #EBEBEB
    align-items center
    justify-content center
    flex-direction column
  &__more{
    flex: inherit;
  }
  &__wrap
    display flex
    align-items center
    justify-content center
    padding-bottom: 8px;
    // margin-bottom 10px
    min-width 30px
    min-height 30px
    font-size 30px
  &__label
    text-align center
    user-select none
    height 13px
    line-height 15px
    font-size 13px
  &__onlyLabel
    font-size 14px