.comp-card {

  :global(.arco-col) {
    padding: 10px;
  }

  :global(.arco-card-body) {
    display: flex;
  }

  .img-box {
    width: 80px;
    height: 110px;
    background-color: #cccccc;
    margin-right: 10px;
  }

  .info-box {

    .info-author {
      margin-bottom: 40px;
    }

    .info-score {
      display: flex;
      align-items: center;
    }
  }

  .comp-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    background: linear-gradient(90deg, #64b5f6, #2175f3);
    color: #ffffff;
  }
}
