.c-help-centre-card {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-xs);
	color: var(--color-primary);

	&:hover,
	&:focus {
		.c-help-centre-card__card-more {
			color: var(--color-secondary);
		}
	}

	p {
		&:last-of-type {
			margin-bottom: 0;
		}
	}

	&.c-help-centre-card--bordered {
		display: flex;
		flex-direction: column;
		padding: var(--spacing-xs);
		border: 1px solid var(--color-grey-light);
		color: inherit;

		&:hover,
		&:focus {
			background-color: var(--color-grey-light);
		}
	}

	.c-help-centre-card__card-more {
		display: inline-flex;
		align-items: center;
		gap: calc(var(--spacing-xs) / 2);
		color: var(--color-primary);
		font-weight: 700;
		transition: color 0.3s;

		svg {
			width: 10px;
			height: 10px;
			transform: rotate(-90deg);
		}
	}
}