@import '../../common/style/act/mixin/mixin.scss';

.press-act:not(.press-act--hidden-tip) {
  .press__buttons {
    justify-content: space-around;
  }

  &.press__main {
    flex: 1;
    width: 100%;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
  }

  .press__info {
    flex: 1;
    overflow-y: scroll;
  }

  // 额外信息+声明
  .press__extra {
    padding: .3rem .4rem;
    color: #999;
    font-size: .24rem;
    line-height: .34rem;
    background-color: white;
  }

  .press__extra p,
  .press__extra view {
    text-align: center;
  }

  .press__button-wrap {
    position: relative;
    padding: .32rem .96rem;
    z-index: 10;
    background: #fff;
    border-top: 1px solid rgba(246, 246, 246, .5);
  }

  .press__btn {
    position: relative;
    display: block;
  }

  .press__btn--long-primary,
  .press__btn--maxlarge-primary {
    width: 100%;
    height: .82rem;
    line-height: .82rem;
    flex: 1;
    margin: 0 auto;
    text-align: center;
    font-size: .3rem;
    color: #fff;
    border-radius: .12rem;
    background-image: linear-gradient(90deg, #50abff 0%, #6e61ff 50%, #925fff 100%);
  }

  .press__btn--large-secondary {
    flex: 1 1 0%;
    margin-left: .24rem;
    width: 1.92rem;
    height: .82rem;
    line-height: .82rem;
    text-align: center;
    font-size: .3rem;
    color: #5d5be5;
    border-radius: .08rem;
    border: 1px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(to right, #fff, #fff), linear-gradient(90deg, #50abff 0, #6e61ff 50%, #925fff 100%);
  }
}