/* 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--white);
	border: 0;
	transition: var(--iar--preset--transition);
	display: block;
}
.wp-block-button .wp-block-button__link:hover {
	box-shadow: none;
	transform: translateY(-3px);
}
.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--dark-grey);
	outline-color: var(--wp--preset--color--dark-grey);
}

/* 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--white);
}

/* Button - Orange Gradient Style
--------------------------------------------- */
.wp-block-button.is-style-gradient-orange-button .wp-block-button__link {
	background-size: 200% 100%;
	background-position: left center;
	background-repeat: no-repeat;
	outline-color: transparent;
	color: var(--wp--preset--color--text-color);
	transition: var(--iar--preset--transition);
}
.wp-block-button.wp-block-button.is-style-gradient-orange-button .wp-block-button__link:hover {
	background-position: right center;
}
.wp-block-button.is-style-gradient-orange-button .wp-block-button__link {
	background-image: linear-gradient(
		to right,
		#EA7D00 0%,
		var(--wp--preset--color--light-orange) 50%,
		var(--wp--preset--color--light-orange) 100%
	);
}

/* Button - Blue Gradient Style
--------------------------------------------- */
.wp-block-button.is-style-gradient-blue-button .wp-block-button__link {
	background-color: transparent;
	outline-color: var(--wp--preset--color--light-blue);
	color: var(--wp--preset--color--text-color);
	position: relative;
	overflow: hidden;
	isolation: isolate;
	z-index: 0;
}
.wp-block-button.is-style-gradient-blue-button .wp-block-button__link > *,
.wp-block-button.is-style-gradient-blue-button .wp-block-button__link .button-text {
	position: relative;
	z-index: 2;
	transition: var(--iar--preset--transition);
}
.wp-block-button.is-style-gradient-blue-button .wp-block-button__link::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-image: var(--wp--preset--gradient--dark-to-light-blue);
	transition: var(--iar--preset--transition);
	opacity: 0;
}
.wp-block-button.is-style-gradient-blue-button .wp-block-button__link:hover {
	color: var(--wp--preset--color--white) !important;
}
.wp-block-button.is-style-gradient-blue-button .wp-block-button__link:hover::after {
	opacity: 1;
}

.editor-styles-wrapper .wp-block-button.is-style-gradient-blue-button .wp-block-button__link::after {
	display: none;
}

.editor-styles-wrapper .wp-block-button.is-style-gradient-blue-button .wp-block-button__link:hover {
	background-image: var(--wp--preset--gradient--dark-to-light-blue);
	background-repeat: no-repeat;
	color: var(--wp--preset--color--white);
}
.editor-styles-wrapper .wp-block-button.is-style-gradient-blue-button .wp-block-button__link::after {
	content: none;
}

/* Buttons Inside Dark Background Sections
--------------------------------------------- */
:is(.wp-block-group).has-background:is(
	.has-text-color-background-color,
	.has-dark-navy-background-color,
	.has-black-background-color,
	.has-dark-grey-background-color
) .wp-block-button.is-style-gradient-blue-button .wp-block-button__link,
.wp-block-cover:not(.page-hero--home) .wp-block-button.is-style-gradient-blue-button .wp-block-button__link {
	color: var(--wp--preset--color--white);
}

/* 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(--iar--preset--transition);
}

/* Get Help Today Icon Button */
.wp-block-button.is-style-icon-get-help-today-button .wp-block-button__link {
	background-color: var(--wp--preset--color--light-orange);
	background-image: linear-gradient(
		to right,
		#EA7D00 0%,
		var(--wp--preset--color--light-orange) 50%,
		var(--wp--preset--color--light-orange) 100%
	);
	background-size: 200% 100%;
	background-position: left center;
	background-repeat: no-repeat;
	outline-color: transparent;
	color: var(--wp--preset--color--text-color);
	transition: var(--iar--preset--transition);
}
.wp-block-button.is-style-icon-get-help-today-button .wp-block-button__link:hover {
	background-position: right center;
}

/* Insurance Verification and Call Now Text Icon Button */
.wp-block-button.is-style-icon-verify-insurance-text-button .wp-block-button__link,
.wp-block-button.is-style-icon-call-now-text-button .wp-block-button__link {
	background-color: transparent;
	outline: 0;
	color: var(--wp--preset--color--text-color);
	transition: var(--iar--preset--transition);
	padding: 0;
}
.wp-block-button.is-style-icon-verify-insurance-text-button .wp-block-button__link:hover,
.wp-block-button.is-style-icon-call-now-text-button .wp-block-button__link:hover {
	color: var(--wp--preset--color--light-orange) !important;
	transform: none !important;
}
.wp-block-button.is-style-icon-verify-insurance-text-button .wp-block-button__link:hover .tdc-button-icon path,
.wp-block-button.is-style-icon-call-now-text-button .wp-block-button__link:hover .tdc-button-icon path {
	fill: var(--wp--preset--color--light-orange) !important;
}