.cei-stats-evolutive-note {
display: flex;
align-items: flex-start;
gap: 0.5rem;
margin: 0.75rem 0 1.25rem;
padding: 0.55rem 0.65rem;
max-width: 100%;
font-size: 0.8125rem;
line-height: 1.45;
color: #64748b;
border-left: 2px solid #cbd5e1;
background: transparent;
}
.cei-stats-evolutive-note__icon {
flex-shrink: 0;
margin-top: 0.1rem;
color: #94a3b8;
line-height: 0;
}
.cei-stats-evolutive-note__text {
flex: 1;
min-width: 0;
}
.cei-stats-evolutive-note__primary,
.cei-stats-evolutive-note__secondary,
.cei-stats-evolutive-note__cta {
margin: 0;
}
.cei-stats-evolutive-note__secondary {
margin-top: 0.35rem;
font-size: 0.78rem;
color: #94a3b8;
}
.cei-stats-evolutive-note__cta {
margin-top: 0.45rem;
}
.cei-stats-evolutive-note__link {
display: inline-block;
font-size: 0.8125rem;
font-weight: 600;
color: #475569;
text-decoration: underline;
text-underline-offset: 2px;
}
.cei-stats-evolutive-note__link:hover,
.cei-stats-evolutive-note__link:focus {
color: #0f172a;
}
.cei-stats-evolutive-note__link:focus {
outline: 2px solid #94a3b8;
outline-offset: 2px;
}
@media (max-width: 480px) {
.cei-stats-evolutive-note {
font-size: 0.78rem;
padding: 0.45rem 0.5rem;
margin: 0.6rem 0 1rem;
}
.cei-stats-evolutive-note__secondary {
font-size: 0.75rem;
}
}
body.cdsn-simple-mode.cdsn-mec-single .cei-stats-evolutive-note {
margin: 0.65rem 0 1rem;
padding: 0.5rem 0.55rem;
font-size: 0.78rem;
line-height: 1.5;
color: #64748b;
border-left-color: #94a3b8;
}
body.cdsn-simple-mode.cdsn-mec-single .cei-stats-evolutive-note__primary {
color: #475569;
}