@layer blocks {
	.sticky-footer-wrapper {
		--sticky-footer-background-color: var(--color-white);
		--sticky-footer-border-color: #BD4D24;

		background-color: var(--sticky-footer-background-color);
		border-block-start: 1px solid var(--sticky-footer-border-color);
		bottom: 0;	  
		position: sticky;
	}

	.sticky-footer {
		align-items: center;
		display: grid;
		grid-template-columns: 1fr;
		margin-inline: auto;
		max-inline-size: min(100% - var(--container-gutter, 0.9375rem) * 2, var(--max-width, 80rem));
		padding: 20px 0;

		@media (width >= 48em) {
			grid-template-columns: auto auto;
			justify-content: space-between;
		}

		& a,
		& button {
			flex: 1 0 auto;
		}
	}

	.sticky-footer-text-container {
		@media (width < 48em) {
			display: none;
		}

		& p {
			font-weight: 600;
		}
	}
}