.mode-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;

  .mode-item__count_warpper {
    background: url('@/assets/images/bottom-bg.png');
    background-size: 100% 100%;
    width: 101px;
    height: 73px;
    display: flex;
    justify-content: center;
    align-items: center;
    .mode-item__count {
      font-size: 22px;
      font-family: Anton-Regular;
      font-weight: 900;
      background-image:-webkit-linear-gradient(bottom,#46b4d6,#f0ffff);
      -webkit-background-clip:text; 
      -webkit-text-fill-color:transparent;
    }
  }
  

  .mode-item__label {
    font-size: 12px;
    color: #f0ffff;
  }
}
