@import '@resources/index.css';

.supt-section-cards-logo-text {
	&__content {
		display: block;
	}

	& .block-editor-block-list__layout {
		display: flex;
		flex-direction: column;
		gap: 12px;

		@media screen and (min-width: $sm-breakpoint) {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(247px, 1fr));
			gap: 24px;
		}

		@media screen and (min-width: $ml-breakpoint) {
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			gap: 24px;
		}
	}
}