.container {
  background: linear-gradient(
    90deg,
    rgba(236, 72, 153, 0.1) 0%,
    rgba(168, 85, 247, 0.1) 100%
  );
  width: 100%;
  padding: 16px 11px 8px 9px;
  border-radius: 28px;
  margin-top: 21px;
  display: flex;
  flex-direction: column;
  gap: 16px;

  & > .title {
    padding-inline: 7px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #374151;

    & > .indicator {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #4ade80;
      display: inline-block;
      margin-right: 8px;
    }
  }

  & > .content {
    display: grid;
    grid-template-columns: 36px 1fr fit-content(80px);
    align-items: start;

    & > .text {
      font-size: 14px;
      line-height: 16px;
      color: #4b5563;
      padding-left: 11px;
      padding-right: 6px;
    }

    & > .time {
      font-size: 12px;
      line-height: 16px;
      color: #22c55e;
    }
  }
}
