@scope (.layout--button-ribbon) {
	:scope {
		background: var(--color-brand-white);
		padding: var(--spacing-500);
		text-align: center;
		display: flex;
		flex-direction: column;
		gap: var(--spacing-400);
		align-items: center;
		/* border: 1px solid var(--color-brand-grey--500); */
		background: var(--color-brand-grey--300);
	}
	.button-ribbon__heading {
		margin: 0;
	}
	.button-ribbon__description {
		max-width: 101ch;
		> * {
			&:first-child {
				margin-top: 0;
			}
			&:last-child {
				margin-bottom: 0;
			}
		}
	}
	.button-ribbon__buttons {
		display: flex;
		gap: var(--spacing-200);
		flex-wrap: wrap;
		justify-content: center;
	}
}