.separator-element {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1rem;
    margin-block: 2rem;
}

.separator-element__line {
    grid-column: 1 / -1;
    height: 1px;
    background: var(--forum-border, #deded9);
}

.separator-element__text {
    grid-column: 2;
    grid-row: 1;
    padding-inline: .5rem;
    background: var(--forum-bg, #f4f4f2);
    color: var(--forum-text-soft, #6d6d6d);
}

.separator-element.separator--accent .separator-element__line {
    height: 3px;
    background: var(--forum-red, #8f1018);
}

.separator-element.separator--dots .separator-element__line {
    height: 4px;
    background: radial-gradient(circle, var(--forum-red, #8f1018) 1.5px, transparent 1.8px) 0 50% / 12px 4px repeat-x;
}