.op3-element[data-op3-element-type="courselistitem"] {
    display: flex;
    margin: 0;
    padding: 0;

    .op3-element-courselistitem__container {
        overflow: visible;
    }

    .op3-element-courselistitem__container,
    .op3-element-courselistitem__children {
        display: flex;
    }
}

// To satisfy Typography Control Panel we must use stronger
// CSS selector for button and contenteditable links.
#op3-designer-element .op3-element[data-op3-element-type="courselistitem"] {
    a.op3-element-courselistitem__container,
    .op3-element[data-op3-element-spec="courselistbutton"] .op3-link,
    [data-op3-contenteditable] a {
        font-weight: inherit;
        font-style: inherit;
        text-decoration: none;
        text-transform: inherit;
        text-shadow: inherit;
        color: inherit;
    }
}