.entry-meta {
	--listIndent: 0;
	--listItemSpacing: 0;
	--listStyleType: none;
	--contentSpacing: 0;
	--itemsSpacing: 9px;

	li {
		display: var(--display, inline-flex);
		align-items: center;
		vertical-align: middle;

		&:not(:last-child) {
			margin-right: var(--itemsSpacing);
		}

		span {
			margin-right: 5px;
		}
	}

	[class*="ct-image-container"] {
		margin-right: 10px;
		border-radius: 100%;

		+ svg {
			display: none;
		}
	}

	svg {
		margin-right: 7px;
		fill: currentColor;
	}

	.meta-tags,
	.meta-categories, {
		--display: inline;

		svg,
		&:after {
			position: relative;
			top: -0.1em;
			vertical-align: middle;
		}
	}

	// meta style
	&[data-type*="none"] li:not(:last-child) {
		--itemsSpacing: 20px;
	}

	&[data-type*="slash"] li:not(:last-child) {
		&:after {
			content: '/';
			margin-left: var(--itemsSpacing);
		}
	}

	&[data-type*="line"] li:not(:last-child) {
		&:after {
			content: '-';
			margin-left: var(--itemsSpacing);
		}
	}

	&[data-type*="circle"] li:not(:last-child) {
		&:after {
			content: '●';
			margin-left: var(--itemsSpacing);
			font-size: 0.35em;
		}
	}

	// pill type
	[data-type="pill"] a {
		display: inline-flex;
		align-items: center;
		min-height: 25px;
		padding: 0 8px;
		margin-top: 2px;
		margin-bottom: 2px;
		color: #fff;
		border-radius: 3px;
		background: var(--paletteColor1);

		&:not(:last-child) {
			margin-right: 4px;
		}

		&:hover {
			background: var(--paletteColor2);
		}
	}

	[data-type="underline"] a {
		position: relative;

		&:before {
			position: absolute;
			bottom: -5px;
			content: '';
			width: 100%;
			height: 1px;
			opacity: 0.5;
			background: currentColor;
			transform: opacity 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
		}

		&:hover {
			&:before {
				opacity: 1;
			}
		}
	}
}