/* teaser cta */

.mc-teaser-cta {
	background-color: var(--color_1);
}

.mc-teaser-cta-inner {
    max-width: 1440px;
    padding: 56px 96px;
    margin: 0 auto;
}

.mc-teaser-cta-box {
    display: flex;
    align-items: center;
}

.mc-teaser-cta-left {
    width: 50%;
}

.mc-teaser-cta-right {
    width: 50%;
}

.mc-teaser-cta h2 {
	font-size: 40px;
	line-height: 1.2;
	color: var(--color_2);
}

.mc-teaser-cta p {
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	color: #fff;
    margin: 0;
}

html .editor-styles-wrapper .mc-teaser-cta-button span, 
.mc-teaser-cta-button a {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    color: var(--color_1);
    padding: 12px 24px 12px 56px;
    background-position: 24px 50%;
    background-repeat: no-repeat;
    margin: 10px 0 10px 20px;
}

html .editor-styles-wrapper .mc-teaser-cta-button.mc-but-1 span, 
.mc-teaser-cta-button.mc-but-1 a {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgba(0, 0, 0, 1);transform: ;msFilter:;"><path d="m11.293 17.293 1.414 1.414L19.414 12l-6.707-6.707-1.414 1.414L15.586 11H6v2h9.586z"></path></svg>');
	background-color: var(--color_2);
    border: 2px solid var(--color_1);
    border-radius: 28px;
}

html .editor-styles-wrapper .mc-teaser-cta-button.mc-but-2 span, 
.mc-teaser-cta-button.mc-but-2 a {
	color: var(--color_2);
    border: 2px solid var(--color_2);
    border-radius: 28px;
    padding: 12px 24px 12px 24px;
}

html .editor-styles-wrapper .mc-teaser-cta-button.mc-but-1 span:hover, 
.mc-teaser-cta-button.mc-but-1 a:hover  {
    background-color: var(--color_3);
    color: var(--color_1);
}

html .editor-styles-wrapper .mc-teaser-cta-button.mc-but-2 span:hover, 
.mc-teaser-cta-button.mc-but-2 a:hover  {
    color: #fff;
    border-color: #fff;
}

.mc-teaser-cta-button-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: end;
	align-content: end;
}

.mc-teaser-cta-align-flex-col {
	flex-direction: column;
}

.mc-teaser-cta-align-flex-row {
	flex-direction: row;
}

@media (max-width: 768px) {
    
    .mc-teaser-cta-box {
        flex-wrap: wrap;
    }
    
    .mc-teaser-cta-left {
        width: 100%;
        padding-bottom: 20px;
    }
    
    .mc-teaser-cta-right {
        width: 100%;
    }
    
    html .editor-styles-wrapper .mc-teaser-cta-button span, 
	.mc-teaser-cta-button a {
		margin: 20px 20px 0 0;
	}
	
    .mc-teaser-cta-button-flex {
    	justify-content: start;
    	align-content: start;
    }
}