/* Button - Fill Style
--------------------------------------------- */

.wp-block-button .wp-element-button {
	background-color: var(--wp--preset--color--primary);
	outline-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--ink-blue);
	border: 0;
	transition: var(--ffi--preset--transition);
}
.wp-block-button .wp-block-button__link:hover {
	box-shadow: none;
	transform: translateY(-4px);
}
.wp-block-button.is-style-fill .wp-block-button__link:hover,
.wp-block-button.is-style-fill .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--ink-blue);
	outline-color: var(--wp--preset--color--ink-blue);
	color: var(--wp--preset--color--white);
}

/* Button - Outline Style
--------------------------------------------- */

.wp-block-button.is-style-outline .wp-block-button__link {
	background-color: transparent;
	outline-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--primary);
	outline-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--ink-blue);
}

/* Button - Icon Button Styles
--------------------------------------------- */
.wp-block-button[class*="is-style-icon"] .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: calc(var(--wp--preset--spacing--x-small) / 1.5);
}
.wp-block-button[class*="is-style-icon"] .wp-block-button__link > svg.tdc-button-icon {
	width: 1.25em;
	height: 1.25em;
	vertical-align: middle;
	fill: currentColor;
	transition: var(--ffi--preset--transition);
}

/* Icon Text with Arrow Button */
.wp-block-button.is-style-icon-text-arrow-button .wp-block-button__link {
	background-color: transparent;
	outline-color: transparent;
	color: var(--wp--preset--color--medium-blue);
	font-size: var(--wp--preset--font-size--medium);
	line-height: 18px;
	text-transform: none;
	padding: 0;
	gap: 6px;
}
.wp-block-button.is-style-icon-text-arrow-button .wp-block-button__link svg,
.editor-styles-wrapper .wp-block-button.is-style-icon-text-arrow-button .wp-block-button__link:after {
	width: 6px !important;
	height: 12px !important;
	transition: all 0.3s ease-in-out;
}
.wp-block-button.is-style-icon-text-arrow-button .wp-block-button__link:hover {
	color: var(--wp--preset--color--green) !important;
	transform: none;
}
.wp-block-button.is-style-icon-text-arrow-button .wp-block-button__link:hover svg,
.editor-styles-wrapper .wp-block-button.is-style-icon-text-arrow-button .wp-block-button__link:hover:after {
	transform: translateX(4px);
}

/* Button - Simple Gradient Style
--------------------------------------------- */
.wp-block-button.is-style-simple-gradient-button .wp-block-button__link {
	background-image: var(--wp--preset--gradient--green-to-bright-green);
	box-shadow: inset 0 0 0 999px rgba(255, 255, 255, 0);
	transition: var(--ffi--preset--transition);
}
.wp-block-button.is-style-simple-gradient-button .wp-block-button__link:hover {
	box-shadow: inset 0 0 0 999px rgba(255, 255, 255, 1);
}


/* Button - Dark Outline Style
--------------------------------------------- */
.wp-block-button.is-style-dark-outline-button .wp-block-button__link {
	background-color: var(--wp--preset--color--ink-blue);
	outline-color: var(--wp--preset--color--ink-blue);
	color: var(--wp--preset--color--white);
	padding: 14px 22px;
}

.wp-block-button.is-style-dark-outline-button .wp-block-button__link:hover {
	background-color: transparent;
	outline-color: var(--wp--preset--color--green);
	color: var(--wp--preset--color--ink-blue);
}

/* Button - Change is Possible */
.wp-block-button.is-style-change-is-possible-button .wp-block-button__link {
	background-image: var(--wp--preset--gradient--green-to-bright-green);
	box-shadow: inset 0 0 0 999px rgba(255, 255, 255, 0);
	outline-color: var(--wp--preset--color--green);
	color: var(--wp--preset--color--ink-blue);
	padding: 12px 24px;
}
.wp-block-button.is-style-change-is-possible-button .wp-block-button__link::before {
	content: "Change is Possible. We Can Help.";
	display: block;
	margin-bottom: 2px;
	color: var(--wp--preset--color--deep-blue);
	font-size: 13px;
	font-weight: 500;
	text-transform: none;
	line-height: 16px;
	letter-spacing: -0.3px;
	transition: var(--ffi--preset--transition);
}
.wp-block-button.is-style-change-is-possible-button .wp-block-button__link:hover {
	box-shadow: inset 0 0 0 999px var(--wp--preset--color--ink-blue);
	outline-color: var(--wp--preset--color--ink-blue);
	color: var(--wp--preset--color--white);
}
.wp-block-button.is-style-change-is-possible-button .wp-block-button__link:hover::before {
	color: var(--wp--preset--color--white);
}

/* Button - Icon Call Now - Change is Possible Button */
.wp-block-button.is-style-icon-call-now-change-is-possible-button .wp-block-button__link {
	background-image: var(--wp--preset--gradient--green-to-bright-green);
	box-shadow: inset 0 0 0 999px rgba(255, 255, 255, 0);
	outline-color: var(--wp--preset--color--green);
	color: var(--wp--preset--color--ink-blue);
	padding: 12px 24px;
	display: grid;
	grid-template-areas: "leadin leadin"
											 "icon text";
	gap: 2px 4px;
}
body:not(.wp-admin, .editor-styles-wrapper) .wp-block-button.is-style-icon-call-now-change-is-possible-button .wp-block-button__link::before,
.editor-styles-wrapper .wp-block-button.is-style-icon-call-now-change-is-possible-button .wp-block-button__link::after {
	content: "Change is Possible. We Can Help.";
	display: block;
	margin-bottom: 0;
	color: var(--wp--preset--color--deep-blue);
	font-size: 15px;
	font-weight: 500;
	text-transform: none;
	line-height: 16px;
	letter-spacing: -0.3px;
	transition: var(--ffi--preset--transition);
	grid-area: leadin;
}
body:not(.wp-admin, .editor-styles-wrapper) .wp-block-button.is-style-icon-call-now-change-is-possible-button .wp-block-button__link svg,
.editor-styles-wrapper .wp-block-button.is-style-icon-call-now-change-is-possible-button .wp-block-button__link::before {
	grid-area: icon;
	width: 15px !important;
	height: 15px !important;
}
.wp-block-button.is-style-icon-call-now-change-is-possible-button .wp-block-button__link span { grid-area: text; }
.wp-block-button.is-style-icon-call-now-change-is-possible-button .wp-block-button__link:hover {
	box-shadow: inset 0 0 0 999px var(--wp--preset--color--ink-blue);
	outline-color: var(--wp--preset--color--ink-blue);
	color: var(--wp--preset--color--white);
}
:where(.has-ink-blue-background-color) .wp-block-button.is-style-icon-call-now-change-is-possible-button .wp-block-button__link:hover {
	box-shadow: inset 0 0 0 999px var(--wp--preset--color--white);
	outline-color: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink-blue);
}
.wp-block-button.is-style-icon-call-now-change-is-possible-button .wp-block-button__link:hover::before {
	color: var(--wp--preset--color--white) !important;
}
:where(.has-ink-blue-background-color) .wp-block-button.is-style-icon-call-now-change-is-possible-button .wp-block-button__link:hover::before {
	color: var(--wp--preset--color--deep-blue) !important;
}

.editor-styles-wrapper .wp-block-button.is-style-icon-call-now-change-is-possible-button.is-simple-button .wp-block-button__link {
	outline: 0 !important;
	background: var(--wp--preset--color--deep-blue) !important;
	color: var(--wp--preset--color--white) !important;
	grid-template-areas: "icon text";
}
.editor-styles-wrapper .wp-block-button.is-style-icon-call-now-change-is-possible-button.is-simple-button .wp-block-button__link:after { display: none !important; }
.editor-styles-wrapper .wp-block-button.is-style-icon-call-now-change-is-possible-button.is-simple-button .wp-block-button__link:before {
	width: 0.9em !important;
	height: 0.9em !important;
	transition: var(--ffi--preset--transition);
}
.editor-styles-wrapper .wp-block-button.is-style-icon-call-now-change-is-possible-button.is-simple-button .wp-block-button__link:hover {
	background: var(--wp--preset--color--primary) !important;
	color: var(--wp--preset--color--ink-blue) !important;
	box-shadow: none !important;
}


/* Button - Google Reviews
--------------------------------------------- */
.wp-block-button.is-style-icon-google-reviews-button .wp-block-button__link {
	background-color: var(--wp--preset--color--ink-blue);
	outline-color: var(--wp--preset--color--ink-blue);
	color: var(--wp--preset--color--white);
	padding: 14px 22px;
}

.wp-block-button.is-style-icon-google-reviews-button .wp-block-button__link:hover {
	background-color: transparent;
	outline-color: var(--wp--preset--color--green);
	color: var(--wp--preset--color--ink-blue);
}