.custom-s-call-to-action-container,
.custom-s-call-to-action-container:link,
.custom-s-call-to-action-container:visited {
    transition: color var(--custom-s--time--trans-dur, .3s) ease, background-color var(--custom-s--time--trans-dur, .3s) ease;
    background: var(--custom-s--color--bg-body, #ffffff);
	color: var(--custom-s--color--text-main, #666666);
	border: solid 1px var(--custom-s--color--highlight, #0072e5);
	margin-bottom: 2rem;
    position: relative;
	display: grid;
	grid-template-areas: 'cta';
}
.custom-s-call-to-action-has-image .custom-s-call-to-action-container {
	border: none;
    /* background-color: var(--custom-s--color--bg-dark); */
	color: var(--custom-s--color--text-light, #ffffff);
}

.custom-s-call-to-action-image {
	grid-area: cta;
    width: 100%;
    height: 100%;
}
.custom-s-call-to-action-image:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--custom-s--color--secondary, #000000);
	opacity: .75;
}
.custom-s-call-to-action-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
	font-size: .875rem;
}

.custom-s-call-to-action-text-wrap {
	grid-area: cta;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 1rem;
	font-size: .875rem;
	font-size: 1rem;
	z-index: 2;
}

/* Center text if there is no button */
.custom-s-call-to-action-text-wrap:not(:has(.custom-s-call-to-action-button)) {
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	font-size: 1em;
}

.custom-s-call-to-action-copy {
	flex: 0 1 auto;
    line-height: 1.2;
}

.custom-s-call-to-action-button {
	flex: 0 1 auto;
    display: inline-block;
    background-color: var(--custom-s--color--bg-button, #0072e5);
	color: var(--custom-s--color--text-button, #ffffff);
    padding: 1em 3em;
    margin-top: 1.5rem;
    position: relative;
    text-align: center;
	text-transform: uppercase;
}

.custom-s-call-to-action-container:active,
.custom-s-call-to-action-container:hover {
    text-decoration: none;
}

.custom-s-call-to-action-container:active .custom-s-call-to-action-button,
.custom-s-call-to-action-container:hover .custom-s-call-to-action-button,
.custom-s-call-to-action-container:focus .custom-s-call-to-action-button {
    background-color: var(--custom-s--color--bg-button-hover, #33a5f8);
    border-color: var(--custom-s--color--border-button-hover, #33a5f8);
}