$box__border-width: $border-accent-width*2;

.box {
	background: $offwhite;
	margin-bottom: $spacing-lg;

	&__content,
	&--padded {
		@include box__padding;

		> *:first-child {
			margin-top: 0;
		}

		> *:last-child {
			margin-bottom: 0;
		}
	}

	&--white {
		background: white;
	}

	&--tertiary {
		background: $tertiary;
		color: white;
	}

	&--border-tertiary {
		background: white;
		border: $box__border-width solid $tertiary;
	}
}