@import '../../common/style/act/layout/_layout-pvp.scss';

.press-act:not(.press-act--hidden-tip) {
  &.press__goods-item {
    display: flex;
    flex: 1;
    padding: .24rem;
    color: $color-blue-3;
    margin-bottom: .08rem;
    border-radius: .04rem;
    border: .02rem solid rgba(66, 120, 192, .3);
    background: linear-gradient(93deg, rgba(27, 69, 136, .64) 0%, rgba(10, 37, 59, .24) 100%);
  }

  .press__content {
    overflow: hidden;
    display: flex;
    width: 100%;
    align-items: center;
  }

  .press__image {
    height: 1.12rem;
    width: 1.12rem;
    margin-inline-end: .22rem;
    pointer-events: none;
    border: .02rem solid #2b7ac6;

    image {
      width: 100%;
    }
  }

  .press__name {
    font-size: $font-s;
    color: #fff;
  }

  .press__meta {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
    justify-content: space-around;
  }

  .press__provider {
    font-size: $font-xxs;
    color: #a7d4ff;
  }

  .press__description {
    font-size: $font-xxxs;
    color: #68a9e4;
  }

  .press__tip {
    font-size: $font-xxxs;
    color: #68a9e4;
  }

  .press__goods-button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 1.9rem;
    height: .48rem;
    line-height: .48rem;

    span {
      display: flex;
      font-size: .24rem;
      font-weight: 700;
      word-break: break-word;
      line-height: .2rem;
      text-align: center;
    }
  }

  .press__btn--small-primary {
    @include bgUrl('btn-primary-xxl2.png');
    background-repeat: no-repeat;
    background-size: 100%;

    span {
      color: #fff;
      text-shadow: 0 .02rem .02rem rgba(31, 48, 112, .3);
    }
  }

  .press__btn--small-disabled {
    background: none;

    span {
      color: #7aa1d0;
    }
  }

  .press__goods-button--delivered {
    background: none;

    span {
      color: #7aa1d0;
    }
  }
}