div.cta-button-holder {
	text-align: center;
}

div.cta-button-holder a.cta-button-link {
	position: relative;
	z-index: 10;
	padding: 0.75rem clamp(0.5rem, 5vw, 3rem);
	font-size: var(--text-size-200);
	font-family: var(--font-head);
	background: var(--wp--preset--color--wpbf-palette-color-8);
	color: var(--wp--preset--color--wpbf-palette-color-7);
	border-radius: 0.75rem;
	border: 2px solid var(--wp--preset--color--wpbf-palette-color-8);
	text-align: center;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 50;
	transition: all 0.3s ease;
	min-width: fit-content;
	width: 40rem;
	max-width: 100%;
}
div.cta-button-holder a.cta-button-link:hover {
	border-color: var(--wp--preset--color--wpbf-palette-color-3);
}

@media screen and (max-width: 768px) {
	a.cta-button-link {
		width: 100%;
		padding: 1.125rem;
	}
}

a.cta-button-link.width-full {
	width: 100%;
}

a.cta-button-link.brand {
	background-color: var(--brand-color);
	border-color: var(--brand-color);
}
a.cta-button-link.brand:hover {
	background-color: var(--accent-color);
	border-color: var(--accent-color);
}

a.cta-button-link.brand-alt {
	background-color: var(--brand-color-alt);
	border-color: var(--brand-color-alt);
}
a.cta-button-link.brand-alt:hover {
	background-color: var(--accent-color);
	border-color: var(--accent-color);
}

a.cta-button-link.outline {
	border-width: 1px;
	background-color: var(--col-white);
	color: var(--accent-color);
}
a.cta-button-link.outline:hover {
	background: var(--accent-color);
	border-color: var(--accent-color);
	color: var(--col-white);
}

a.cta-button-link.outline.brand {
	color: var(--brand-color);
}
a.cta-button-link.outline.brand:hover {
	background-color: var(--brand-color);
	color: var(--col-white);
	border-color: var(--brand-color);
}

a.cta-button-link.outline.brand-alt {
	color: var(--brand-color-alt);
}
a.cta-button-link.outline.brand-alt:hover {
	background-color: var(--brand-color-alt);
	color: var(--col-white);
	border-color: var(--brand-color-alt);
}

a.cta-button-link.outline.white {
	background: none;
	color: #fff;
	border-color: #fff;
}
a.cta-button-link.outline.white:hover {
	background: #fff;
	color: var(--accent-color);
	border-color: #fff;
}

a.cta-button-link.primary.secondary {
	background-color: var(--wp--preset--color--wpbf-palette-color-6);
	color: var(--wp--preset--color--wpbf-palette-color-2);
	border: 1px solid var(--wp--preset--color--wpbf-palette-color-6);
	box-shadow: none;
	font-size: var(--text-size-100);
	font-weight: normal;
	padding: 0.75rem clamp(0.5rem, 5vw, 3rem);
	min-width: fit-content;
	max-width: 100%;
}

a.cta-button-link.primary.secondary svg path {
	stroke: var(--wp--preset--color--wpbf-palette-color-2);
	transition: all 0.3s ease-in-out;
}

a.cta-button-link.secondary:hover {
	background-color: var(--wp--preset--color--wpbf-palette-color-2);
	color: var(--wp--preset--color--wpbf-palette-color-7) !important;
}

a.cta-button-link.secondary:hover svg path {
	stroke: var(--wp--preset--color--wpbf-palette-color-7);
}

a.cta-button-link.primary.white {
	background-color: #fff;
	color: var(--brand-color) !important;
	border-color: rgba(24, 127, 191, 1);
}
a.cta-button-link.primary.white:hover {
	background-color: var(--accent-color);
	border-color: #fff;
	color: #fff !important;
}

a.cta-button-link.secondary.grey {
	border-color: #3e4349;
	color: #3e4349;
}

a.cta-button-link.secondary.grey:hover {
	background-color: #fff;
	border-color: var(--accent-color);
}

/* Button Icon */
div.cta-button-holder a.cta-button-link span {
	position: relative;
	padding-right: 0.5rem;
}

/* div.cta-button-holder a.cta-button-link span::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -2rem;
	transform: translate(0%, -50%);
	width: 1rem;
	aspect-ratio: 1;
	background-color: red;
	z-index: 10;
} */

/* Alignment */
.cta-button-holder.align-left {
	text-align: left;
}
.cta-button-holder.align-center {
	text-align: center;
}
.cta-button-holder.align-right {
	text-align: right;
}

@media screen and (max-width: 768px) {
	.cta-button-holder.align-r-left {
		text-align: left !important;
	}
	.cta-button-holder.align-r-center {
		text-align: center !important;
	}
	.cta-button-holder.align-r-right {
		text-align: right !important;
	}
}

/* GBP Badge - Left/Right */
.cta-button-link.gbp-badge::after {
	content: "hello";
	position: absolute;
	top: 0;
	left: 0;
	background-color: red;
	padding: 0.5rem;
}

/* GBP Badge - Bottom */
.fl-module img.cta-rating-badge {
	max-width: 5rem;
	position: relative;
	z-index: 1;
}

.cta-rating-badge.position-bottom {
	text-align: center;
	margin: -0.1rem auto 0;
	display: block;
}

.cta-rating-badge.background-white {
	background-color: #f1f1f1;
	padding: 0.75rem 1.5rem;
	box-sizing: initial;
}
.cta-rating-badge.background-white.position-bottom {
	border-radius: 0 0 0.25rem 0.25rem;
}