@layer blocks {
	.blkCta-content {
		padding: var(--spacing6);
		border-radius: var(--borderRadius1);
	}

	.blkCta-content h2 {
		font-style: italic;
	}

	/* gumbi drug pod drugim, enako široki (po najširšem), napis na sredini */
	.blkCta-content header .bWrap {
		flex-direction: column;
		align-items: stretch;
		align-self: flex-start;
	}

	/* Telefoni: zelena podlaga od roba do roba, gumbi so pod vsebino in čez vso širino. */
	@media (max-width: 47.99em) {
		.blkCta-content {
			grid-column: full-start / full-end;
			padding-inline: 0;
			border-radius: 0;
		}

		.blkCta-content .ws__content {
			display: flex;
			flex-direction: column;
			gap: var(--spacing5);
		}

		.blkCta-content header {
			display: contents;
		}

		.blkCta-content header > .bWrap {
			order: 1;
			align-self: stretch;
		}
	}

	/* Tablice: ozek stolpec, zato se napis gumba prelomi (sicer ga odreže). */
	@media (min-width: 48em) and (max-width: 64.99em) {
		.blkCta-content header .bWrap {
			align-self: stretch;
		}

		.blkCta-content header .b {
			min-width: 0;
			height: auto;
			min-height: var(--b__height);
			padding: 0.4em var(--spacing3);
			white-space: normal;
		}
	}

	@media (min-width: 48em) {
		.blkCta-content .ws__content {
			display: grid;
			grid-template-columns: subgrid;
		}

		.blkCta-content header {
			grid-column: 1 / 5;

			display: flex;
			justify-content: space-between;
			flex-direction: column;
			gap: var(--spacing8);

			margin-bottom: 0;
		}

		.wContentCta__text {
			grid-column: 6 / -1;
			align-self: center;
		}

		.blkCta-content {
			min-height: 76vh;
		}

	}

	@media (min-width: 65em) {
		.blkCta-content {
			min-height: 0;
			padding-block: var(--spacing8);
		}

		.blkCta-content h2 {
			font-size: var(--size__h1);
		}

		.wContentCta__text {
			--flow-space: var(--spacing6);
		}
	}
}