
.check-card-wrapper {
  width: calc(100% - var(--main-space) * 2);
  margin: var(--main-space);
  background: #FFFFFF;
  box-shadow: 0px 18px 22px 1px rgba(0,0,0,0.06);
  border-radius: 8px;
  overflow: hidden;

  .check-card-title {
    font-size: 30px;
    color: #333;

    display: flex;

    & > View {
      flex: 1;
    }

    .check-card-subtitle {
      flex: none;
      font-size: 24px;
      color: #757575;
      margin-left: 1em;
    }
  }

  .check-card-actions {
    display: flex;
    align-items: center;
    width: 100%;

    & > view {
      flex: 1;
      text-align: center;
      font-size: 28px;
    }
  }
}
