.tl-a68a226c-timeline {
position: relative;
width: 100%;
padding: 20px 0;
box-sizing: border-box;
} .tl-a68a226c-line {
position: absolute;
z-index: 1;
top: 30px;
bottom: 30px;
height: auto;
} .tl-a68a226c-line-fill {
position: absolute;
height: 0;
z-index: 2;
transition: height 0.1s ease-out;
pointer-events: none;
}
.tl-a68a226c-item {
display: flex;
position: relative;
z-index: 3;
margin-bottom: 24px;
}
.tl-a68a226c-item:last-child {
margin-bottom: 0;
}
.tl-a68a226c-badge-container {
flex-shrink: 0;
display: flex;
justify-content: center;
align-self: flex-start;
position: relative;
z-index: 4;
}
.tl-a68a226c-badge {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-weight: bold;
box-sizing: border-box;
transition: all 0.3s ease;
}
.tl-a68a226c-badge svg {
display: block;
}
.tl-a68a226c-card-container {
flex-grow: 1;
display: flex;
align-items: center;
}
.tl-a68a226c-card {
display: flex;
justify-content: space-between;
width: 100%;
box-sizing: border-box;
transition: all 0.3s ease;
}
.tl-a68a226c-card-body {
flex-grow: 1;
}
.tl-a68a226c-title {
font-weight: 600;
}
.tl-a68a226c-desc {
line-height: 1.6;
}
.tl-a68a226c-card-action {
flex-shrink: 0;
}
.tl-a68a226c-btn {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none !important;
font-weight: 600;
transition: all 0.3s ease;
cursor: pointer;
}
.tl-a68a226c-btn-icon {
display: inline-flex;
align-items: center;
justify-content: center;
}
.tl-a68a226c-btn-icon svg {
display: block;
}