.related-articles {
margin-bottom: 24px;
}
.related-articles__header {
background-color: var(--button-bg, var(--color-primary, #d32f2f));
color: #ffffff;
padding: 12px 16px;
font-size: 15px;
font-weight: 600;
display: flex;
align-items: center;
gap: 10px;
}
.related-articles__icon {
flex-shrink: 0;
}
.related-articles__list {
margin: 0;
list-style: none!important;
}
.related-articles__list li {
position: relative;
padding-left: 16px;
margin-bottom: 10px;
}
.related-articles__list li::before {
content: "";
position: absolute;
left: 0;
top: 8px;
width: 5px;
height: 5px;
background-color: var(--button-bg, var(--color-primary, #d32f2f));
border-radius: 50%;
}
.related-articles__list li:last-child {
margin-bottom: 0;
}
.related-articles__list a {
color: inherit;
text-decoration: none;
font-size: 14px;
line-height: 1.4;
}
.related-articles__list a:hover {
color: var(--button-bg, var(--color-primary, #d32f2f));
text-decoration: underline;
}