@import '../../common/style/gp-match/palette.scss';
@import '../../common/style/gp-match/mixin.scss';

.press-time {
  position: relative;
  height: 5rem;
  overflow-y: auto;
  padding: .4rem 0;
  z-index: 10;


  &__item {
    position: relative;
    display: flex;
    align-items: center;
    width: 6.54rem;
    height: .72rem;
    margin: 0 auto .16rem;
    padding: 0 .16rem;

    &::after {
      position: absolute;
      left: 0;
      top: 0;
      content: '';
      width: 200%;
      height: 200%;
      border-style: solid;
      border-width: 1px;
      border-color: rgba(33, 33, 36, .65);
      transform: scale(.5);
      transform-origin: 0 0;
      pointer-events: none;
    }
  }

  &__title {
    font-size: .24rem;
    color: rgba(33, 33, 36, .60);
  }

  &__content {
    display: flex;
    align-items: center;
    margin-left: auto;
    font-size: .24rem;
    color: #212124;

    .icon-guide {
      margin-left: .16rem;
      transform: rotate(90deg);
      color: #212124;
      font-size: .32rem;
    }

    .icon-triangle {
      margin-left: .16rem;
      // transform: rotate(90deg);
      color: rgba(33, 33, 36, .60);
      font-size: .16rem;
    }
  }

  &__confirm {
    width: 1.12rem;
    height: .5rem;
    line-height: .5rem;
    margin: .24rem auto;
    font-size: .22rem;
    color: #212124;
    font-family: 'MStiffHeiPRC';
    text-align: center;
    background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/bg-btn-112.png) no-repeat center / 100% 100%;
  }
}


// .gp-match-btn {
//   display: flex;
//   justify-content: center
// }

// .gp-match-secondary-btn {
//   margin-right: .24rem;

//   @include secondary-btn($fontsize:.32rem,$width: 2.6rem,$height:.6rem,$line-height:.6rem);
// }

// .gp-match-primary-btn {
//   @include primary-btn($fontsize:.32rem,$width: 2.6rem,$height:.6rem,$line-height:.6rem);
// }