.activity-log {
  font-family: 'Work Sans', system-ui, sans-serif;
  font-size: 13px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;

  color: rgb(var(--color-smoke-20));

  .line {
    color: inherit;
  }

  a,
  strong {
    color: rgb(var(--color-ocean-30));
    font-weight: 500;
  }

  ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;

    li {
      display: flex;
      align-items: start;
      gap: 0.5rem;

      .activity-icon {
        width: 1.75rem;
        height: 1.75rem;
        background-color: rgb(var(--color-ocean-30));
        color: white;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
      }

      .activity-content {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
      }

      .activity-text {
        line-height: 1rem;
        color: inherit;
      }

      .activity-time {
        color: rgb(var(--color-smoke-50));
        font-size: inherit;
      }
    }
  }

  .more-link-container {
    display: flex;
    justify-content: end;
    align-items: center;

    a {
      font-weight: 600;
    }
  }
}