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

    // By default featured image is fallback image. It will be overriden in
    // style attribute by backend (if post has featured image).
    --op3-post-featured-image-src:var(--op3-fallback-image-src);

    .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;
    }
}