.callout {
	border-left: 5px solid var(--colour);
	margin-left: 15px;
	padding-left: 20px;

	.heading {
		display: flex;
		width: 100%;
		gap: 15px;
		margin-bottom: 10px;

		color: var(--colour);
	}

	>p:nth-child(2) {
		margin-top: 10px;
	}
}

/* Pretty colours! */
/* From Catppuccin Latte */
.callout {
	--red: #d20f39;
	--maroon: #e64553;
	--pink: #ea76cb;
	--flamingo: #dd7878;
	--yellow: #df8e1d;
	--green: #40a02b;
	--blue: #1e66f5;
	--lavender: #7287fd;
	--mauve: #8839ef;

	&.warning {
		--colour: var(--yellow);
	}

	&.success {
		--colour: var(--green);
	}

	&.stop {
		--colour: var(--red);
	}

	&.question {
		--colour: var(--mauve);
	}

	&.heart {
		--colour: var(--flamingo);
	}

	&.info {
		--colour: var(--blue);
	}
}