.TimelineCard {
    display: flex;
    align-items: center;
    gap: var(--padding-default);
    border: 1px solid var(--color-light);
    border-radius: var(--radius-default);
    padding: var(--padding-xs);

    & .icon {
        font-size: var(--font-size-xxl);
        min-width: 25%;
        flex-shrink: 0;
        color: var(--color-main-dark);
    }

    & .text {
        text-align: left;
        flex-grow: 1;
    }
}