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


.press-way {
  display: flex;
  align-items: top;
  justify-content: space-between;
  padding: .36rem .64rem .68rem;
  min-height: 5.2rem;
  box-sizing: border-box;


  &__item {
    height: 3.5rem;
  }

  &__wrap {
    height: 3.58rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: $color-black-2;
  }

  &__img--create {
    width: 1.94rem;
    height: 1.68rem;
    margin: auto 0;
    background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/img-create.png) no-repeat;
    background-size: 100%;
    transform: translateY(.1rem);
  }

  &__img--join {
    width: 1.84rem;
    height: 1.66rem;
    margin: auto 0;
    background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/img-hall.png) no-repeat;
    background-size: 100%;
    transform: translateY(.2rem);
  }

  &__button {
    width: 2.84rem;
    height: 1.22rem;
    line-height: 1.5rem;
    font-family: 'PEACE';
    color: $color-white;
    font-size: $font-xl;
    text-align: center;
    background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/btn-team-choose.png) no-repeat;
    background-size: 100%;
  }

  &__text {
    margin-top: .24rem;
    text-align: center;
    font-size: $font-s;
    color: $color-black-2;
  }
}