@import '@resources/index.css';

.supt-prices-modal-modules {
	@mixin clamp gap, 40, 64, $xxs-breakpoint, $lg-breakpoint;

	display: flex;
	flex-direction: column;

	&__content {
		display: flex;
		flex-direction: column;
		gap: 32px;
	}

	&__cards {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	&__title {
		@extend %t-sm-medium;
		color: $color-interface-grey-100;
		margin-bottom: 8px;
	}

	&__description {
		@extend %t-s-normal;
	}

	&__footer {
		display: flex;
		gap: 10px;
	}
}