.crew-core-button {
	display: flex;
	width: 100%;
}

.crew-core-button__link {
	--crew-core-button-text-color: #ffffff;
	--crew-core-button-text-color-hover: var(--crew-core-button-text-color);
	--crew-core-button-background-color: #111111;
	--crew-core-button-background-color-hover: var(--crew-core-button-background-color);
	--crew-core-button-border-start: #7c3aed;
	--crew-core-button-border-end: #06b6d4;
	--crew-core-button-border-start-hover: var(--crew-core-button-border-start);
	--crew-core-button-border-end-hover: var(--crew-core-button-border-end);
	--crew-core-button-gradient-angle: 135deg;
	--crew-core-button-hover-translate-y: 0px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.65rem;
	padding: 0.9rem 1.5rem;
	border: 1px solid transparent;
	border-radius: 999px;
	background:
		linear-gradient(var(--crew-core-button-background-color), var(--crew-core-button-background-color)) padding-box,
		linear-gradient(var(--crew-core-button-gradient-angle), var(--crew-core-button-border-start), var(--crew-core-button-border-end)) border-box;
	color: var(--crew-core-button-text-color);
	text-decoration: none;
	line-height: 1;
	transition-property: color, background, box-shadow, transform;
	transition-duration: 250ms;
	transition-timing-function: ease;
}

.crew-core-button__link:hover,
.crew-core-button__link:focus-visible {
	background:
		linear-gradient(var(--crew-core-button-background-color-hover), var(--crew-core-button-background-color-hover)) padding-box,
		linear-gradient(var(--crew-core-button-gradient-angle), var(--crew-core-button-border-start-hover), var(--crew-core-button-border-end-hover)) border-box;
	color: var(--crew-core-button-text-color-hover);
	transform: translateY(var(--crew-core-button-hover-translate-y));
}

.crew-core-button__link:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

.crew-core-button__link--full {
	width: 100%;
}

.crew-core-button__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1em;
	line-height: 0;
}

.crew-core-button__icon i {
	font-size: 1em;
}

.crew-core-button__icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}