.c-article-footer {
	margin: var(--spacing-lg) 0;

	.c-article-footer__links {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: var(--spacing-md);
		padding-bottom: var(--spacing-xs);
	}

	.c-article-footer__categories {
		display: flex;
		justify-content: flex-end;
		flex-wrap: wrap;
		gap: 10px;
		padding-top: var(--spacing-xs);
		border-top: 1px solid var(--color-grey-light);
	}

	.c-article-footer__category {
		padding: 5px 20px;
		color: var(--color-primary);
		background-color: var(--color-blue-light);
		font-weight: bold;
		transition: none;

		&:hover,
		&:focus {
			color: var(--color-white);
			background-color: var(--color-blue);
		}
	}
}