[data-component-id="avchildcare:timeline_item"] {
  display: flex;
  flex-wrap: nowrap;
  gap: 24px;

  & .timeline-deco {
    max-width: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;

    & svg {
      color: var(--color-coral);
    }

    & .timeline-icon {
      background: var(--color-cream);
      width: 52px;
      height: 52px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 1000px;
    }

    & .line {
      background: var(--border-secondary);
      width: 1px;
      height: 100px;
    }
  }

  & .timeline-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 528px;
  }

  & .timeline-meta {
    display: flex;
    align-items: center;
    color: var(--color-coral);
    gap: 4px;
  }

  @media (min-width: 768px) {
      gap: 40px;
  }

}