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

.wp-block-button .wp-element-button {
	transition: 0.2s all ease-in-out;
}

.wp-block-button .wp-block-button__link:hover {
	box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.2);
}

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

.wp-block-button.is-style-outline .wp-block-button__link {
	background-color: transparent;
	color: var(--wp--preset--color--primary);
	/* border: 2px solid var(--wp--preset--color--primary); */
	border: 0;
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: -2px;
	padding: var(--wp--custom--spacing--small) var(--wp--custom--spacing--medium);
}

.wp-block-button .wp-block-button__link.is-style-outline,
.wp-block-button.is-style-outline>.wp-block-button__link {
	padding: 12px 16px;
}

.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color), 
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color) {
	color: var(--wp--preset--color--primary);
}

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

/* Button - Secondary Style
--------------------------------------------- */

.is-style-secondary-button .wp-element-button,
.wp-block.is-style-secondary-button .wp-element-button {
	background: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--white);

}

.is-style-secondary-button:hover .wp-element-button,
.wp-block.is-style-secondary-button:hover .wp-element-button {
	background: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--white);
}

.is-style-outline-secondary-button .wp-element-button,
.wp-block.is-style-outline-secondary-button .wp-element-button {
	background: transparent;
	border: 0;
	outline: 2px solid var(--wp--preset--color--secondary);
	outline-offset: -2px;
	color: var(--wp--preset--color--secondary);
}

.is-style-outline-secondary-button:hover .wp-element-button,
.wp-block.is-style-outline-secondary-button:hover .wp-element-button {
	background: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--white);
}

/* Button - Tertiary Style
--------------------------------------------- */

.is-style-tertiary-button .wp-element-button,
.wp-block.is-style-tertiary-button .wp-element-button {
	background: var(--wp--preset--color--tertiary);
	color: var(--wp--preset--color--white);
}

.is-style-tertiary-button:hover .wp-element-button,
.wp-block.is-style-tertiary-button:hover .wp-element-button {
	background: var(--wp--preset--color--tertiary);
	color: var(--wp--preset--color--white);
}

.is-style-outline-tertiary-button .wp-element-button,
.wp-block.is-style-outline-tertiary-button .wp-element-button {
	background: transparent;
	border: 0;
	outline: 2px solid var(--wp--preset--color--tertiary);
	outline-offset: -2px;
	color: var(--wp--preset--color--tertiary);

}

.is-style-outline-tertiary-button:hover .wp-element-button,
.wp-block.is-style-outline-tertiary-button:hover .wp-element-button {
	background: var(--wp--preset--color--tertiary);
	color: var(--wp--preset--color--white);
}

/* LP Button Variation */
.is-style-tertiary-button.lp-header-button .wp-element-button em,
.wp-block.is-style-tertiary-button.lp-header-button .wp-element-button em {
	font-size: 12px;
	font-weight: 400;
	text-transform: none;
}


/* Button - White Style
--------------------------------------------- */

.is-style-white-button .wp-element-button,
.wp-block.is-style-white-button .wp-element-button {
	background: white;
	color: var(--wp--preset--color--primary);
}

.is-style-white-button:hover .wp-element-button,
.wp-block.is-style-white-button:hover .wp-element-button {
	background: var(--wp--preset--color--tertiary);
	color: white;
}

.is-style-outline-white-button .wp-element-button,
.wp-block.is-style-outline-white-button .wp-element-button {
	background: transparent !important;
	outline: 2px solid white;
	outline-offset: -2px;
	color: white;
}

.is-style-outline-white-button:hover .wp-element-button,
.wp-block.is-style-outline-white-button:hover .wp-element-button {
	background: var(--wp--preset--color--tertiary);
	outline-color: var(--wp--preset--color--tertiary);
	box-shadow: none;
	color: white;
}



/* Button - Call Now
--------------------------------------------- */
.call-now .wp-element-button,
.wp-block.call-now .wp-element-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
.call-now .wp-element-button::before,
.wp-block.call-now .wp-element-button::before {
	content: "";
	width: 1.1em;
	height: 1.1em;
	background: url(../../assets/svgs/phone.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

/* Get Help Today Button
--------------------------------------------- */
.is-style-get-help-today-button .wp-element-button {
	background: linear-gradient(to right, var(--wp--preset--color--secondary), #4EACE6);
	color: var(--wp--preset--color--white);
	transition: all 0.3s ease-in-out;
	display: inline-flex;
	flex-direction: row-reverse;
	align-items: center;
	gap: 10px;
	padding: 12px var(--wp--custom--spacing--large);
	border-radius: 32px;
	position: relative;
}
.is-style-get-help-today-button:hover .wp-element-button { box-shadow: none; }
.is-style-get-help-today-button:hover .wp-element-button:before { opacity: 1 }
.is-style-get-help-today-button .wp-element-button:before {
	content: "";
	background: linear-gradient(to left, var(--wp--preset--color--secondary), #4EACE6);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-radius: 32px;
	transition: opacity 0.3s ease-in-out;
	opacity: 0;
}
.is-style-get-help-today-button .wp-element-button:after {
	content: "";
	width: 28px;
	height: 22px;
	background: url(../../assets/svgs/heartbeat-icon.svg);
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.is-style-get-help-today-button .wp-element-button span { position: relative; }