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


.press-popup {
  &__info {
    box-sizing: border-box;
    margin-top: .88rem;
  
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  &__success {
    background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/attend-success.png)
      center top;
    background-size: cover;
    background-repeat: no-repeat;
    width: 2.28rem;
    height: 1.72rem;
    margin: 0 auto .24rem;
  }

  &__title {
    color: #212124;
    font-weight: 600;
    font-size: .28rem;
    text-align: center;
    margin: .24rem auto .1rem;
  }
  
  &__nick {
    color: #212124;
    font-size: .24rem;
    margin-top: .1rem;
    padding: 0 .2rem;
    overflow: hidden; 

    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    
    text-align: center;
  }
  
  
  &__button {
    text-decoration: none;
    display: block;
    margin: .6rem auto;
    text-align: center;
    font-family: 'PEACE';

    width: 3.96rem;
    height: .72rem;
    line-height: .72rem;
    
    font-size: .4rem;
    color: #212124;
    background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/bg-btn-l.png)
      no-repeat;
    background-size: 100%;
  }
}