.text-links-block {

	/* Layout 1 */
	&.layout_1 {

		& h3 {
			color: var(--wp--preset--color--blue);
		}

		& .wp-block-button__link {
			background-color: var(--wp--preset--color--navy) !important;
			border: 0px solid var(--wp--preset--color--navy);
			color: var(--wp--preset--color--white) !important;
			align-items: center !important;
			&:hover {
				background-color: var(--wp--preset--color--blue) !important;
			}
		}

	}


	/* Layout 2 */
	&.layout_2 {
		background-color: #1075B3;

		& h2,
		& p {
			color: var(--wp--preset--color--white);
		}

		
		& h3 {
			color: var(--wp--preset--color--white);
		}


		& .wp-block-button__link {
			background-color: var(--wp--preset--color--white) !important;
			border: 2px solid var(--wp--preset--color--white);
			color: var(--wp--preset--color--navy) !important;
			justify-content: center;
			&:hover {
				background-color: transparent !important;
				color: var(--wp--preset--color--white) !important;
			}
		}

		& .layout-2-bg {
			height: auto;
			position: absolute;
			right: -60%;
			top: 140%;
			transform: translateY(-50%);
			width: 150%;
			object-fit: cover;
			object-position: center;

			path {
				fill: var(--wp--preset--color--blue);
			}
		}
		
		&::after {
			content: '';
			mix-blend-mode: multiply;
			background: linear-gradient(67deg, #002750 33.76%, rgba(0, 39, 80, 0.00) 88.16%);
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
		}

	}



	& p {
		font-size: 20px;
		font-weight: 300 !important;
	}

	& .wp-block-buttons {
		flex-direction: column;
		margin-top: 0;
		& .wp-block-button {
			text-align: center;
		}
	} 

	& .wp-block-columns {
		& .wp-block-column:nth-child(2) {
			display: flex;
			justify-content: end;
			max-width: 40%;
			padding-bottom: 10px;
		}
	}

}

@media screen and (max-width: 662px) {
	
	.text-links-block {

		&.layout_2 {

			& h3 {
				color: var(--wp--preset--color--white);
			}

		}

		p {
			font-size: 16px;
		}

		& .wp-block-columns {
			flex-direction: column;
			text-align: center !important;
			& .wp-block-column:nth-child(2) {
				justify-content: center !important;
				max-width: 100%;
				padding-bottom: 0px;
			}
		}

		& .wp-block-buttons {
			align-items: center !important;
		}
	}

}