.press-card__title--ready {
  height: 2.28rem;
  padding-top: .4rem;
  position: relative;
  box-sizing: border-box;
}

.press-card__title-name {
  height: .34rem;
  margin: 0 auto .32rem;
  color: #212124;
  font-size: .32rem;
  text-align: center;
  font-family: PEACE;
  width: 2.6rem;
  height: .42rem;
  line-height: .42rem;
  position: relative;

  &::before,
  &::after {
    content: '';
    position: absolute;
    top: .22rem;
    width: 1.76rem;
    height: .02rem;
  }

  &::before {
    background: linear-gradient(-90deg, rgba(211, 205, 238, .75) 4.55%, rgba(211, 205, 238, 0) 86.93%);
    left: -2rem;
  }

  &::after {
    background: linear-gradient(-90deg, rgba(211, 205, 238, .75) 4.55%, rgba(211, 205, 238, 0) 86.93%);
    right: -1rem;
  }
}

.press-card__title-link {
  position: absolute;
  right: .32rem;
  top: .44rem;
  line-height: .34rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: rgba(33, 33, 36, .75);
  font-size: .2rem;

  &::after {
    display: block;
    font-family: iconfont !important;
    font-style: normal;
    content: '';
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin: 0 0 0 .1rem;
  }
}

.press-card__title-score {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;

  .press-card__title-score-item {
    width: 2rem;
    text-align: center;
  }

  &--long {
    justify-content: unset;
    overflow-x: auto;

    .press-card__title-score-item {
      width: 1.2rem;
      flex-shrink: 0;
    }
  }


  .press-card__title-score-name {
    font-family: AgencyFB-Bold;
    font-size: .56rem;
    line-height: .64rem;
    color: #212124;
  }

  .press-card__title-score-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
  }
}

.press-card__title-score-inner {
  width: .9rem;
  height: .4rem;
  background: none;

  &--small {
    width: .8rem
  }

  span {
    display: block;
    text-align: center;
    font-size: .24rem;
    color: rgba(33, 33, 36, .75);
    line-height: .4rem;
  }
}


.press-card__title-score-result {
  font-size: .2rem;
  color: #fff;
  width: .28rem;
  height: .28rem;

  display: flex;
  align-items: center;
  justify-content: center;

  &--win {
    background: #48c284;
  }

  &--fail {
    background: #e54545;
  }

  &--tie {
    background: #5300c3;
  }

  &--pending {
    background: #8c8b9b;
  }
}