.cut {
	border: 2px solid var(--jp-green-40);
	border-radius: var(--jp-border-radius);
	padding: calc(var(--spacing-base) * 2) calc(var(--spacing-base) * 3);
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: calc(var(--spacing-base) * 3);
	text-align: left;
	background: none;
	width: 100%;
	position: relative;
	color: var(--jp-gray-80);

	button,
	a {
		all: unset;
		color: var(--jp-gray-80);
		cursor: pointer;

		&::after {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
	}

	&:focus-within {
		border-color: var(--jp-black);
	}

	&:focus-within,
	&:hover {

		.icon {
			transform: translateX(calc(var(--spacing-base) * 2));
		}

		.cta {
			text-decoration: underline;
			text-decoration-thickness: 2px;
		}
	}

	// Overwrite styles in Text component
	.cta {
		font-weight: 700;
	}
}

.cta {
	font-weight: 700;
}

.icon {
	fill: var(--jp-green-40);
	transition: transform 0.1s ease-out;
	pointer-events: none;
}

.iconContainer {
	margin: 0 0 0 calc(var(--spacing-base) / 3);
	display: inline;
	vertical-align: middle;

	svg {
		z-index: 10;
		position: relative;
	}
}

.description {
	display: inline;
}
