.cta-vertical-container {
    align-items: stretch;
    display: flex;
    background: {{$cta-container-background}};
    border: {{$cta-container-border}};
    border-radius: {{$cta-container-border-radius}};
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    margin: {{$cta-container-margin}};
    max-width: {{$cta-container-width}};
    padding: 0;
    width: 100%;
}

.cta-vertical-container .cta-image {
    align-self: center;
    margin: 0;
    height: {{$cta-image-height}};
    padding: {{$cta-image-padding}};
    width: {{$cta-image-width}};
}

.cta-vertical-container .cta-image.lg-align-left {
    align-self: flex-start;
}

.cta-vertical-container .cta-image.lg-align-right {
    align-self: flex-end;  
}

.cta-vertical-container .cta-content-container {
    align-self: stretch;
}

.cta-vertical-container .cta-title {
    color: {{$cta-title-color}};
    font-family: {{$cta-title-font-family, inherit}};
    font-size: {{$cta-title-font-size}};
    font-weight: {{$cta-title-font-weight}};
    margin: 0;
    padding: {{$cta-title-padding}};
    text-align: left;
}
.cta-vertical-container .cta-title.lg-align-left {
    text-align: left;
}

.cta-vertical-container .cta-title.lg-align-center {
    text-align: center;
}

.cta-vertical-container .cta-title.lg-align-right {
    text-align: right;
}

.cta-vertical-container .cta-content {
    color: {{$cta-content-color}};
    font-family: {{$cta-content-font-family,inherit}};
    font-size: {{$cta-content-font-size}};
    font-weight: {{$cta-content-font-weight}};
    margin: 0;
    padding: {{$cta-content-padding}};
    text-align: left;
}

.cta-vertical-container .cta-content.lg-align-left {
    text-align: left;
}

.cta-vertical-container .cta-content.lg-align-center {
    text-align: center;
}

.cta-vertical-container .cta-content.lg-align-right {
    text-align: right;
}

.cta-vertical-container .cta-button-container {
    align-items: center;
    background: {{$cta-button-container-background}};
    border-radius: {{$cta-container-border-radius}};
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    display: flex;
    justify-content: center;
    padding: {{$cta-button-container-padding}};
}
.cta-vertical-container .cta-button-container.lg-align-left {
    justify-content: flex-start;
}

.cta-vertical-container .cta-button-container.lg-align-right {
    justify-content: flex-end;  
}

.cta-vertical-container .cta-button-container a {
    align-items: center;
    color: {{$cta-button-label-color}};
    background: {{$cta-button-background}};
    border: {{$cta-button-border}};
    border-radius: {{$cta-button-border-radius}};
    box-sizing: border-box;
    display: flex;
    font-family: {{$cta-button-label-font-family,inherit}};
    font-size: {{$cta-button-label-font-size}};
    font-weight: {{$cta-button-label-font-weight}};
    height: {{$cta-button-height}};
    justify-content: center;
    margin: 0;
    padding: 0;
    width: {{$cta-button-width}};
    text-decoration: none;
    text-align: center;
}

.cta-vertical-container .cta-button-container a:hover {
    color: {{$cta-button-hover-label-color}};
    background: {{$cta-button-hover-background-color}};
    border: {{$cta-button-hover-border}};
}

.cta-vertical-container .cta-image[src=""],
.cta-vertical-container .cta-content-container>*:empty {
    display: none;
}