@import '../../../assets/constants.sass'
.zg-user-info
  height: 100%
  display: flex
  flex-direction: row
  padding: 0 20px 0 20px
  ._center
    flex: 1
    padding: 0 20px 0 20px
    display: flex
    flex-direction: row
  ._btn-pre,._btn-next
    flex: none
    position: relative
    width: 54px
    button
      position: absolute
      top: 50%
      transform: translateY(-50%)
      text-align: center
      font-size: 32px
      width: 100%
      height: 116px
      line-height: 116px
      background: rgba(0, 0, 0, 0.1)
      color: #fff
      border: none
      cursor: pointer
      &:hover
        background: rgba(0, 0, 0, 0.3)
    ._btn-disable
      cursor: not-allowed
      background: $color-status-disable
      &:hover
        background: $color-status-disable