.block {
  position: relative;
  width: calc(50vw - 15px);
  height: 29vw;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background: #fff;
  font-size: 12px;
  color: #666666;

  .lt {
    position: absolute;
    top: 7%;
    left: 7%;

    b-device-img {
      ::ng-deep {
        img {
          max-width: 65px;
          max-height: 65px;
        }
      }
    }

  }

  .lb {
    position: absolute;
    bottom: 7%;
    left: 7%;

    .gray {
      color: #bbb;
    }

    .more-info {
      color: #5aaff5;
      font-size: 10px;
    }
  }

  .btns {
    position: absolute;
    right: 0;
    top: 0;
    padding: 5% 5% 5% 5%;

    .btn {
      height: 8vw;
      width: 8vw;
      border-radius: 50%;
      background-color: #f4f4f4;
      font-size: 1rem;
      color: #389bee;
      display: flex;
      align-items: center;
      justify-content: center;
      // margin-bottom: 4vw;

      // &:last-child {
      //   margin-bottom: 0;
      // }
    }
  }

}

.block.on {
  background: linear-gradient(312deg, rgba(55, 118, 246, 1) 0%, rgba(88, 160, 250, 1) 100%);
  color: #fff;

  .switch {
    background-color: #fff;
    padding-top: 1px;
  }
}

.dev {
  color: #cccccc;
  font-size: 12px;
}