@use 'sass:map';
@use '../../base/maps/tokens' as *;
@use '../../base/mixins/breakpoints' as break;
@use '../../base/functions' as *;

.title-text {
	display: flex;
	flex-direction: column;
	gap: var(--padding-medium);

	@include break.max-mobile {
		text-align: center;
		align-items: center;
	}

	&-left {
		max-width: brandui-col-spacing(12);

		@include break.max-mobile {
			max-width: 100%;
		}
	}
}