.banner {
  display: flex;

  image {
    width: 200px;
    height: 150px;
    margin: 30px auto;
  }
}

.btn-list {
  display: flex;
  flex-direction: column;
  $btn-item-height: 120rpx;
  $btn-item-icon: 116rpx;
  .btn-item {
    display: flex;
    // border-bottom: 1px solid gray;
    justify-content: center;
    align-items: center;
    image {
      background-color: rgb(146, 206, 248);
      width: $btn-item-icon;
      height: $btn-item-icon;
      border-radius: 100%;
      position: relative;
      right: 15px;
      margin: ($btn-item-height - $btn-item-icon) / 2;
      box-shadow: rgba(128, 128, 128, 0.3) 1px 4px 5px 0.5px;
    }
  }

  text {
    border-radius: 25rpx;
    height: $btn-item-height;
    line-height: $btn-item-height;
    font-size: 32px;
    font-weight: 600;
    color: black;
    display: block;
    &::after{
      content: "";
      border-bottom: rgba(128, 128, 128, 0.3) solid 1px;
      display: block;
    }
  }
}