.c-article-footer {
	.c-article-footer__internal {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-md);
	}

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

	.c-article-footer__helpful {
		max-width: 700px;
		margin: 0 auto;
		padding-top: var(--spacing-lg);
		border-top: 1px solid var(--color-grey-light) ;
		color: var(--color-primary);
		text-align: center;

		.hs-form-html {
			.hsfc-CheckboxFieldGroup__Options {
				display: flex;
				justify-content: center;
				flex-wrap: wrap;
				gap: var(--spacing-md);
			}

			/* Style each checkbox label as a button */
			.hsfc-CheckboxFieldGroup__Options label {
				display: inline-block;
				padding: var(--spacing-xs) var(--spacing-lg);
				font-size: 16px;
				line-height: 16px;
				font-weight: 500;
				text-align: center;
				outline: none;
				color: var(--color-secondary);
				border: 2px solid var(--color-secondary);
				background: transparent;
				cursor: pointer;

				transition: all .3s ease-in-out;

				&:hover,
				&:focus,
				&:has(input:checked) {
					color: var(--color-white);
					background: var(--color-secondary);
					border-color: var(--color-secondary);
				}
			}

			.hsfc-CheckboxField {
				label {
					display: inline-flex;
				}
			}

			/* Hide the checkbox multiselect checkboxes */
			.hsfc-CheckboxInput {
				background-color: var(--color-grey-light);
				border-radius: 0;

				&:after {
					background-color: var(--color-primary);
				}

				&[name="0-1/was_it_useful"] {
					display: none;
				}
			}
		}
	}
}