.ctabar{

}


.ctabar.bg-to-white{box-shadow:var(--us-box-shadow), inset 0 1px 0 0 rgba(255,255,255,.5)!important;}
.ctabar.bg-from-white{box-shadow:var(--us-box-shadow), inset 0 -1px 0 0 rgba(255,255,255,.5)!important;}
.ctabar.block-content{display:flex;flex-direction:column;gap:var(--us-gap);}
.ctabar.aligntext,
.ctabar.alignwide{box-shadow:var(--us-box-shadow);padding:var(--us-gap)!important;border-radius:var(--us-radius);}

.ctabar.aligntext .block-content,
.ctabar.alignwide .block-content{border-radius:var(--us-radius);}
.ctabar.aligntext .block-content .teaser,
.ctabar.alignwide .block-content .teaser{max-width:660px!important;}
.ctabar.aligntext .topline, .ctabar.aligntext .bottomline,
.ctabar.alignwide .topline, .ctabar.alignwide .bottomline{display:none!important;}

.ctabar .btn-holder{margin-top:16px;}

.ctabar.text-align-center .teaser{text-align:center;margin: 0 auto;}
.ctabar.text-align-center .btn-holder{text-align:center;justify-content:center!important;}


@media screen and (min-width: 768px) {
.ctabar.block-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;}
.ctabar.btn-right .block-content{display:flex;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:var(--us-gap);}
.ctabar.alignwide{}
.ctabar.btn-right .btn-holder{margin-top:0;}


.ctabar.sticky-bottom{position:sticky;bottom:0;right:0;left:0;z-index:180;margin-bottom:0!important;padding-top:16px!important;padding-bottom:16px!important;
box-shadow:inset 0 1px 0 0 rgba(255,255,255,.5), inset 0 -1px 0 0 rgba(255,255,255,.5)!important;background:linear-gradient(to bottom, #FFFFFF, rgba(255,255,255,.75))!important;backdrop-filter:blur(8px);}
.ctabar.sticky-bottom.btn-right .block-content{display:flex;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:var(--us-gap);}
.ctabar.sticky-bottom.btn-right .btn-holder{margin-top:0;}

.ctabar.sticky-bottom.aligntext,
.ctabar.sticky-bottom.alignwide{box-shadow:var(--us-box-shadow)!important;position:sticky;bottom:8px;padding:16px 24px 16px 24px!important;}


}
@media screen and (min-width:1024px) {
	.ctabar.sticky-bottom.aligntext,
	.ctabar.sticky-bottom.alignwide {
	box-shadow: var(--us-box-shadow)!important;
	position: sticky;
	bottom: 16px;
	max-width: calc(var(--us-text-width) + 48px)!important;
	padding: 16px 24px 16px 24px!important;
	bottom:16px;
	}

	.ctabar.sticky-bottom.aligntext .aligntext{max-width:inherit!important;}
}
