.answer-explanation {
	@apply p-8 flex gap-x-8;
	&__type {
		@apply text-white text-4xl w-fit px-6 py-1;
		transform: skew(-2deg) rotate(-2deg);
		&--success,
		&--success .success-icon {
			@apply bg-green-600;
		}
		&--error,
		&--error .success-icon {
			@apply bg-red-400;
		}

		.success-icon {
			@apply w-6 h-6 object-contain object-center absolute top-0 right-0  rounded-full p-2 border-solid border-white border-4;
			transform: translate(50%, -50%);
		}
	}

	&__title {
		@apply text-5xl py-8;
	}

	&__cover {
		@apply w-1/2;
		img {
			@apply h-auto object-contain object-center;
		}
	}
	.continue-game {
		@apply absolute bottom-0 left-1/2;
		translate: -50% 50%;
	}
}
