/* =========================
   CONTENT CTA
   ========================= */

.content-cta-wrapper {
	margin-top: 1.25rem;
}


.content-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	gap: 0.5rem;

	padding:
		0.7rem
		1.2rem;

	background-color:
		var(--logo-color-1);

	color:
		var(--font-color-light);

	border-radius:
		var(--button-border-radius);

	box-shadow:
		0 4px 20px
		rgba(
			var(--shadow-color-rgb),
			0.10
		);

	text-decoration: none;

	transition:
		background-color var(--transition-time),
		transform var(--transition-time),
		box-shadow var(--transition-time);
}


.content-cta:hover,
.content-cta:focus-visible {
	background-color:
		var(--logo-color-1-dark);

	color:
		var(--font-color-light);

	text-decoration: none;

	transform:
		translateY(-2px);

	box-shadow:
		0 6px 20px
		rgba(
			var(--shadow-color-rgb),
			0.16
		);
}


.content-cta__text {
	color: inherit;
}


.content-cta__icon {
	display: block;

	width: 1em;
	height: 1em;

	flex: 0 0 auto;

	color: inherit;
}


/* =========================
   TASTATUR-FOKUS
   ========================= */

.content-cta:focus-visible {
	outline:
		3px solid
		var(--logo-color-1-light);

	outline-offset: 3px;
}