/**
 * Styles for the "Letzte Einträge" (cm_latest_entries) element.
 *
 * Draws the read-more arrow inside `.more-link-arrow` with pure CSS so it no
 * longer relies on the theme icon-font glyph, which is not rendered inside
 * these custom templates (resulting in empty circles).
 */

.cm-latest-entries .more-link-arrow {
	position: relative;
	display: inline-block;
}


/* Arrow head */
.cm-latest-entries .more-link-arrow:after {
	content: '';
	position: fixed;
	top: 50%;
    left: 30%;
	width: 7px;
	height: 7px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: translate(0, -50%) rotate(45deg);
}
