.title-clip-path-container {
	position: relative;
	overflow: hidden;
	/* Garante que a borda não saia do clip-path */
	display: flex;
	place-items: center;
	margin: 0;
}
.title-clip-path-container > a {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}

.title-clip-path-container span.text,
.title-clip-path-container span.icon {
	margin-left: 0.5rem;
	display: block;
	position: absolute;
	z-index: 2;
	color: #fff;
}

.title-clip-path-container span.icon {
	z-index: 2;
	position: relative;
	height: 100%;
	width: 100%;
	fill: #fff;
	color: #fff;
	top: 50%;
	transform: translateY(-50%);
}
.title-clip-path-container span.icon.icon--left,
.title-clip-path-container span.text.text--left {
	position: absolute;
	left: 1.1rem;
}

.title-clip-path-container span.icon.icon--right,
.title-clip-path-container span.text.text--right {
	position: absolute;
	right: 1.1rem;
}

.title-clip-path-container > svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.title-clip-path-container > svg path {
	fill: none;
	stroke: var(--e-global-color-secondary);
	stroke-width: 3px;
}
/* HOVER */
.title-clip-path-container:hover > svg path {
	fill: var(--e-global-color-secondary);
}